.toolsLayout{background:var(--bgPrimary);min-height:calc(100vh - 80px)}.toolShell{flex-direction:column;gap:2rem;max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem;display:flex}.toolBreadcrumb{color:var(--textTertiary);font-size:.875rem}.toolBreadcrumbList{flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.toolBreadcrumbItem{align-items:center;gap:.35rem;display:inline-flex}.toolBreadcrumbItem a{color:var(--textSecondary);transition:color var(--animFast) var(--easeSmooth);text-decoration:none}.toolBreadcrumbItem a:hover{color:var(--textAccent)}.toolBreadcrumbSep{color:var(--textMuted)}.toolHeader{text-align:center}.toolTitle{color:var(--textPrimary);letter-spacing:-.01em;margin:0 0 .5rem;font-size:2.25rem;font-weight:700;line-height:1.2}.toolSubtitle{color:var(--textSecondary);margin:0;max-width:640px;margin-inline:auto;font-size:1.0625rem}.toolSectionHeading{color:var(--textPrimary);margin:0 0 1rem;font-size:1.375rem;font-weight:600}.toolTrustStrip{text-align:center;color:var(--textTertiary);margin:0;font-size:.875rem}.toolTrustLink{color:var(--textAccent);text-decoration:none}.toolTrustLink:hover{text-decoration:underline}.toolHowTo{background:var(--bgCard);border:1px solid var(--cardBorder);border-radius:var(--radiusLg);box-shadow:var(--shadowCard);padding:1.5rem}.toolHowToList{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.toolHowToStep{align-items:flex-start;gap:.85rem;display:flex}.toolHowToNumber{background:var(--infoBg);width:28px;height:28px;color:var(--textAccent);border-radius:var(--radiusFull);flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:inline-flex}.toolHowToBody{flex-direction:column;gap:.2rem;display:flex}.toolHowToTitle{color:var(--textPrimary);font-weight:600}.toolHowToText{color:var(--textSecondary);font-size:.9375rem}.toolFaq .toolFaqList{flex-direction:column;gap:.5rem;display:flex}.toolFaqItem{background:var(--bgCard);border:1px solid var(--cardBorder);border-radius:var(--radiusLg);transition:box-shadow var(--animFast) var(--easeSmooth);padding:1rem 1.25rem}.toolFaqItem[open]{box-shadow:var(--shadowCard)}.toolFaqQuestion{cursor:pointer;color:var(--textPrimary);padding-right:1.5rem;font-weight:500;list-style:none;position:relative}.toolFaqQuestion::-webkit-details-marker{display:none}.toolFaqQuestion:after{content:"+";color:var(--textMuted);transition:transform var(--animFast) var(--easeSmooth);font-size:1.25rem;position:absolute;top:50%;right:0;transform:translateY(-50%)}.toolFaqItem[open] .toolFaqQuestion:after{content:"−"}.toolFaqAnswer{color:var(--textSecondary);border-top:1px solid var(--borderLight);margin-top:.5rem;padding-top:.5rem;font-size:.9375rem;line-height:1.55}.toolRelatedGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.toolRelatedCard{background:var(--bgCard);border:1px solid var(--cardBorder);border-radius:var(--radiusLg);color:var(--textPrimary);transition:box-shadow var(--animFast) var(--easeSmooth), transform var(--animFast) var(--easeSmooth), border-color var(--animFast) var(--easeSmooth);padding:1.1rem;text-decoration:none;display:block}.toolRelatedCard:hover{box-shadow:var(--shadowCardHover);border-color:var(--glassIndigo20);transform:translateY(-1px)}.toolRelatedTitle{color:var(--textPrimary);margin:0 0 .3rem;font-size:1rem;font-weight:600}.toolRelatedDescription{color:var(--textSecondary);margin:0;font-size:.875rem;line-height:1.5}.toolCta{background:var(--bgCard);border:1px solid var(--cardBorder);border-radius:var(--radius2xl);text-align:center;box-shadow:var(--shadowCard);padding:2.25rem 1.5rem}.toolCtaHeading{color:var(--textPrimary);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.toolCtaBody{color:var(--textSecondary);max-width:540px;margin:0 auto 1.25rem;line-height:1.55}.toolCtaActions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:inline-flex}.toolCard{background:var(--bgCard);border:1px solid var(--cardBorder);border-radius:var(--radiusLg);box-shadow:var(--shadowCard);flex-direction:column;gap:.85rem;padding:1rem;display:flex}.toolToolbar{border-bottom:1px solid var(--borderLight);flex-wrap:wrap;align-items:center;gap:.75rem;padding-bottom:.75rem;display:flex}.toolToolbar label{color:var(--textSecondary);align-items:center;gap:.4rem;font-size:.875rem;display:inline-flex}.toolToolbar select,.toolToolbar input[type=text],.toolToolbar input[type=number]{background:var(--inputBg);border:1px solid var(--inputBorder);border-radius:var(--radiusMd);color:var(--inputText);padding:.4rem .65rem;font-size:.875rem}.toolToolbar select:focus,.toolToolbar input:focus{border-color:var(--inputBorderFocus);box-shadow:var(--focusRing);outline:none}.toolToolbarSpacer{flex:1}.toolStatus{border-radius:var(--radiusMd);align-items:center;gap:.35rem;margin:0;padding:.5rem .75rem;font-size:.875rem;display:inline-flex}.toolStatus.ok{background:var(--successBg);border:1px solid var(--successBorder);color:var(--cdGreenDark)}.toolStatus.err{background:var(--errorBg);border:1px solid var(--errorBorder);color:var(--cdRedDark)}.toolStatus.warn{background:var(--warningBg);border:1px solid var(--warningBorder);color:var(--cdYellowDark)}.toolStatus.info{background:var(--infoBg);border:1px solid var(--infoBorder);color:var(--textAccent)}.toolPanes{grid-template-columns:1fr 1fr;gap:1rem;min-height:420px;display:grid}.toolPane{background:var(--bgPrimary);border:1px solid var(--borderLight);border-radius:var(--radiusMd);flex-direction:column;display:flex;overflow:hidden}.toolPaneLabel{text-transform:uppercase;letter-spacing:.05em;color:var(--textTertiary);border-bottom:1px solid var(--borderLight);background:var(--bgTertiary);justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.75rem;font-weight:600;display:flex}.toolPaneActions{text-transform:none;letter-spacing:normal;gap:.25rem;display:inline-flex}.toolPaneActions .btn{padding:.25rem .5rem;font-size:.75rem}.toolTextarea{width:100%;color:var(--textPrimary);resize:none;tab-size:2;background:0 0;border:none;outline:none;flex:1;min-height:320px;padding:.85rem 1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.55}.toolTextarea:focus{background:var(--bgSecondary)}.toolTextarea[readonly]{color:var(--textPrimary)}.toolInputLine{background:var(--inputBg);border:1px solid var(--inputBorder);border-radius:var(--radiusMd);width:100%;color:var(--inputText);padding:.6rem .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9375rem}.toolInputLine:focus{border-color:var(--inputBorderFocus);box-shadow:var(--focusRing);outline:none}.toolError{background:var(--errorBg);border:1px solid var(--errorBorder);color:var(--cdRedDark);border-radius:var(--radiusMd);margin:0;padding:.6rem .9rem;font-size:.875rem}.toolCopyBtn{align-items:center;gap:.35rem;display:inline-flex}.toolTabs{background:var(--bgTertiary);border:1px solid var(--cardBorder);border-radius:var(--radiusLg);align-self:flex-start;align-items:center;gap:.25rem;padding:.25rem;display:inline-flex}.toolTab{color:var(--textSecondary);border-radius:var(--radiusMd);cursor:pointer;transition:background var(--animFast) var(--easeSmooth), color var(--animFast) var(--easeSmooth);background:0 0;border:none;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.875rem;font-weight:500;display:inline-flex}.toolTab:hover{color:var(--textPrimary);background:var(--bgMuted)}.toolTab.active{background:var(--bgCard);color:var(--textAccent);box-shadow:var(--shadowSm)}.toolTabIcon{width:1rem;height:1rem}.toolTabWrap{flex-direction:column;gap:.75rem;display:flex}.toolDropZone{border:2px dashed var(--borderPrimary);border-radius:var(--radiusLg);text-align:center;background:var(--bgPrimary);cursor:pointer;transition:border-color var(--animFast) var(--easeSmooth), background var(--animFast) var(--easeSmooth);outline:none;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1.25rem;display:flex}.toolDropZone:hover,.toolDropZone:focus-visible,.toolDropZone.isDragging{border-color:var(--cdBlue);background:var(--glassIndigo10)}.toolDropZone.isDragging{background:var(--glassIndigo20)}.toolDropIcon{width:2.25rem;height:2.25rem;color:var(--textAccent)}.toolDropPrimary{color:var(--textPrimary);font-size:.9375rem;font-weight:500}.toolDropPrimary u{color:var(--textAccent);text-decoration:underline}.toolDropHint{color:var(--textTertiary);font-size:.8125rem}.toolFileList{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.toolFileItem{background:var(--bgPrimary);border:1px solid var(--borderLight);border-radius:var(--radiusMd);align-items:center;gap:.65rem;padding:.55rem .75rem;display:flex}.toolFileItem.bad{border-color:var(--errorBorder);background:var(--errorBg)}.toolFileItem.fixable{border-color:var(--warningBorder);background:var(--warningBg)}.toolFileItem.fixable .toolFileIcon{color:var(--cdYellowDark)}.toolFileIcon{width:1.1rem;height:1.1rem;color:var(--textSecondary);flex-shrink:0}.toolFileMeta{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.toolFileName{color:var(--textPrimary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:500;overflow:hidden}.toolFileSize{color:var(--textTertiary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}.toolFileError{color:var(--cdRedDark);font-size:.75rem}.toolFileFix{color:var(--cdYellowDark);font-size:.75rem;font-weight:500}.toolFileRemove{border-radius:var(--radiusMd);width:1.75rem;height:1.75rem;color:var(--textMuted);cursor:pointer;transition:background var(--animFast) var(--easeSmooth), color var(--animFast) var(--easeSmooth);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toolFileRemove:hover{background:var(--errorBg);color:var(--cdRed)}.toolAutoFix{background:var(--infoBg);border:1px solid var(--infoBorder);border-radius:var(--radiusLg);flex-direction:column;gap:.5rem;padding:.75rem .9rem;display:flex}.toolAutoFixHead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.toolAutoFixSummary{color:var(--textAccent);flex:1;align-items:center;gap:.5rem;min-width:200px;font-size:.9375rem;display:flex}.toolAutoFixIcon{flex-shrink:0;width:1.15rem;height:1.15rem}.toolAutoFixActions{flex-wrap:wrap;gap:.4rem;display:inline-flex}.toolAutoFixList{border-top:1px solid var(--borderLight);flex-direction:column;gap:.35rem;margin:0;padding:.5rem 0 0;list-style:none;display:flex}.toolAutoFixItem{color:var(--textSecondary);align-items:baseline;gap:.6rem;font-size:.875rem;display:flex}.toolAutoFixCount{text-align:right;width:2rem;color:var(--textAccent);flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;font-weight:600}.toolAutoFixHint{color:var(--textTertiary);background:var(--bgTertiary);border:1px solid var(--borderLight);border-radius:var(--radiusMd);margin:0;padding:.4rem .75rem;font-size:.8125rem;font-style:italic;line-height:1.55}.toolPaneBadge{background:var(--glassIndigo20);color:var(--textAccent);border-radius:var(--radiusFull);letter-spacing:.05em;text-transform:uppercase;vertical-align:.1em;margin-left:.5rem;padding:.1rem .45rem;font-size:.625rem;font-weight:700;display:inline-block}@media (max-width:768px){.toolPanes{grid-template-columns:1fr}.toolPane{min-height:240px}.toolTabs{justify-content:center;align-self:stretch}.toolAutoFixActions{width:100%}.toolAutoFixActions .btn{flex:1}}@media (max-width:640px){.toolTitle{font-size:1.625rem}.toolShell{gap:1.5rem;padding:1rem 1rem 3rem}.toolHowTo,.toolFaqItem,.toolCta{padding:1.1rem}}