.skip-link{position:fixed;inset-block-start:-5rem;inset-inline-start:1rem;z-index:9999;padding:.8rem 1.2rem;background:#0f172a;color:#fff;border-radius:.6rem}.skip-link:focus{inset-block-start:1rem}
.finance-lab .nw-input[aria-invalid="true"],.finance-lab .nw-select[aria-invalid="true"]{border-color:#dc2626;box-shadow:0 0 0 2px rgba(220,38,38,.15)}
[data-area-calculator] .nw-input[aria-invalid="true"],[data-unit-converter] .nw-input[aria-invalid="true"],.equation-solver input[aria-invalid="true"]{border-color:#dc2626;box-shadow:0 0 0 2px rgba(220,38,38,.15)}
.equation-solver :is(.equation-result,.step){overflow-wrap:anywhere}.scientific-calculator .history-item{width:100%;text-align:start;border:1px solid #cbd5e1}.scientific-calculator [data-func="deg"].active,.scientific-calculator [data-func="rad"].active{background:#fef3c7;color:#713f12}
.scientific-calculator .mode-btn{background:#e2e8f0!important;color:#334155!important;min-width:0;padding:.6rem .35rem;overflow-wrap:anywhere;font-size:.85rem}.scientific-calculator .mode-btn.active{background:#6d28d9!important;color:#fff!important}.scientific-calculator .history-empty{color:#64748b!important}
html[data-theme=light] .back-link{color:#475569!important}html[data-theme=dark] .scientific-calculator .mode-btn:not(.active){background:#1e293b!important;color:#e2e8f0!important}html[data-theme=dark] .scientific-calculator .history-empty{color:#cbd5e1!important}
.equation-solver .eq-tab{background:#e2e8f0!important;color:#334155!important}.equation-solver .eq-tab.active{background:#6d28d9!important;color:#fff!important}html[data-theme=dark] .equation-solver .eq-tab:not(.active){background:#1e293b!important;color:#e2e8f0!important}
:focus-visible{outline:3px solid #2563eb;outline-offset:4px}
.tool-page-toolbar{display:flex;align-items:flex-start;gap:1rem;max-width:72rem;margin:0 auto 2rem;padding-inline:1rem}
.tool-page-toolbar>.breadcrumb-nav{flex:1;min-width:0;margin:0;padding:0;gap:.3rem}
.tool-page-toolbar .breadcrumb-current{max-width:28rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tool-page-toolbar>.tool-pin{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0;margin:0;min-height:2.75rem;padding:.5rem .85rem;border:1px solid #cbd5e1;border-radius:.75rem;background:#fff;color:#475569;font-size:.8rem;font-weight:700;line-height:1.4;transition:background .15s,border-color .15s}
.tool-page-toolbar>.tool-pin:hover{border-color:#93b4ef;background:#eff6ff;color:#1d4ed8}
.tool-page-toolbar .tool-pin svg{display:block;width:1.1rem;height:1.1rem;stroke-width:1.7;stroke-linejoin:round}
.tool-page-toolbar>.tool-pin[aria-pressed=true]{border-color:#a7c4f5;background:#eaf2ff;color:#1d4ed8}
.tool-page-toolbar .tool-pin[aria-pressed=true] svg{fill:currentColor}
html[data-theme=dark] .tool-page-toolbar>.tool-pin{border-color:#40526d;background:#0f1b2e;color:#c5d2e8}
html[data-theme=dark] .tool-page-toolbar>.tool-pin:hover,html[data-theme=dark] .tool-page-toolbar>.tool-pin[aria-pressed=true]{border-color:#567bad;background:#172d4b;color:#a9cbff}
@media(max-width:640px){.tool-page-toolbar{align-items:center;gap:.5rem;padding-inline:.75rem;margin-bottom:1.5rem}.tool-page-toolbar .breadcrumb-current,.tool-page-toolbar .breadcrumb-sep:last-of-type{display:none}.tool-page-toolbar .breadcrumb-link{font-size:.75rem;padding:.35rem;overflow-wrap:anywhere}.tool-page-toolbar>.tool-pin{padding:.5rem .65rem;font-size:.75rem}}
[hidden]{display:none!important}
.tool-finder{max-width:42rem;margin:2rem auto 0;text-align:start}.tool-finder label{display:block;font-weight:800;margin-bottom:.6rem;color:#334155}.tool-finder-row{display:flex;gap:.65rem}.tool-finder input{flex:1;min-width:0;padding:1rem 1.2rem;border:2px solid #bfdbfe;border-radius:1rem;font:inherit;background:#fff;color:#0f172a}.tool-finder button,.tool-pin{border:1px solid #cbd5e1;border-radius:.8rem;padding:.65rem 1rem;font:inherit;cursor:pointer;background:#fff;color:#334155}.tool-finder-status{min-height:1.6rem;margin:.5rem 0;color:#475569}.tool-pin[aria-pressed=true]{color:#92400e;background:#fef3c7}.related-tools{max-width:72rem;margin:2rem auto;padding:1.2rem}.related-tools h2{font-size:1.25rem}.related-tools-list{display:flex;flex-wrap:wrap;gap:.65rem}.related-tools-list a{padding:.65rem 1rem;border:1px solid #cbd5e1;border-radius:.8rem;background:#fff;color:#334155;text-decoration:none}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem;color:#475569;font-size:.9rem}.breadcrumbs a{color:inherit}.tool-pin{display:block;margin:1rem auto 0}
[data-theme=dark] .tool-finder label,[data-theme=dark] .tool-finder-status,[data-theme=dark] .breadcrumbs{color:#cbd5e1}[data-theme=dark] .tool-finder input,[data-theme=dark] .tool-finder button,[data-theme=dark] .related-tools-list a,[data-theme=dark] .tool-pin{background:#1e293b;border-color:#475569;color:#e2e8f0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
html[data-theme=dark] .tool-page .stat-num{color:#bfdbfe!important}
html[data-theme=dark] .silver-prices-tool .last-updated{color:#cbd5e1!important}
html[data-theme=dark] .silver-prices-tool .last-updated>span{color:#cbd5e1!important}
html[data-theme=dark] .silver-prices-tool .silver-types{background:#172033!important;border-color:#475569!important}
html[data-theme=dark] [data-currency-converter]>div:last-of-type{background:#422006!important;border-color:#854d0e!important}
html[data-theme=dark] [data-currency-converter]>div:last-of-type p{color:#fde68a!important}
html[data-theme=dark] .run-btn{background:#1d4ed8!important;color:#fff!important}
html[data-theme=dark] .refined-custom-tool :is(.info-card strong,.info-card li,.formula-tips p,.formula-tips li,.equation-tips p,.equation-tips li,.equation-text){color:#cbd5e1!important}
html[data-theme=dark] #video-tools .vt-drop-zone small{color:#cbd5e1!important}
html[data-theme=dark] .date-converter .dc-mode-step{background:#166534!important;color:#dcfce7!important}
html[data-theme=dark] :is(.pp-layer.active,.pp-history-item.active){background:#1d4ed8!important}
html[data-theme=dark] .scientific-calculator .calc-history{background:#111c30!important}
html[data-theme=dark] .periodic-table :is(.element-number,.element-name){color:#0f172a!important}
html[data-theme=dark] :is(.women-unit-field,.weight-unit-field)>span{color:#fecdd3!important}
html[data-theme=dark] :is(.tax-data-note .nw-rule strong,.pit-model strong,.pit-source,.calc-model strong,.calc-source){color:#a7f3d0!important}
html[data-theme=dark] #ecCalculate{background:#854d0e!important;color:#fff!important}
html[data-theme=dark] :is(.ocr-privacy strong,.ocr-output-head span){color:#c4b5fd!important}
html[data-theme=dark] .search-preview small{color:#86efac!important}
html[data-theme=dark] .seo-file-label span{color:#a5f3fc!important}
html[data-theme=dark] [data-current-tool="favicon-generator"] button:not(.nw-btn){color:#fed7aa!important}
html[data-theme=dark] :is(.doc-sheet,#resume-sheet) h2{color:#0f172a!important}
html[data-theme=dark] :is(.tax-data-note strong,.ocr-result-head span){color:#c4b5fd!important}
html[data-theme=dark] [data-current-tool="favicon-generator"] :is(.favicon-source-tabs button.active,.favicon-code button){background:#9a3412!important;color:#fff!important}
html[data-theme=dark] .corporate-tax .nw-rule strong{color:#a7f3d0!important}

.chemistry-conservation{width:100%;border-collapse:collapse;margin-top:1rem;table-layout:fixed}.chemistry-conservation th,.chemistry-conservation td{padding:.5rem;border-bottom:1px solid #cbd5e1;text-align:center;overflow-wrap:anywhere}.chemistry-conservation td{direction:ltr}#modal-electron-config,#modal-mass,#modal-valence{direction:ltr;unicode-bidi:isolate}.tool-data-source{overflow-wrap:anywhere}#res-decimal,#res-scientific,#res-hex,#res-octal{overflow-wrap:anywhere}
.random-lab .random-wheel{position:relative;display:block;width:min(100%,17rem);height:auto;aspect-ratio:1;border:0;background:none;transition:none;margin:.75rem auto}
.random-lab .random-wheel canvas{display:block;width:100%;height:auto;border-radius:50%;transition:transform .9s cubic-bezier(.15,.75,.15,1);box-shadow:0 12px 35px rgba(15,23,42,.18)}
.random-lab .random-wheel .random-wheel-pointer{position:absolute;z-index:1;top:-.8rem;left:50%;transform:translateX(-50%);display:block;width:auto;height:auto;background:none;color:#0f172a;font-size:2rem;line-height:1}
.random-lab .random-result-panel{min-width:0}.random-lab .random-result{width:100%;min-width:0}.random-lab .random-chip{min-width:0;max-width:100%;color:#075985;background:#e0f2fe;white-space:pre-wrap}
.random-lab .nw-input[aria-invalid=true]{border-color:#dc2626}.random-lab .nw-check{align-items:flex-start}.random-lab .nw-check input{flex-shrink:0;margin-top:.3em}
html[data-theme=dark] .random-lab .random-chip{color:#bae6fd;background:#0c4a6e}html[data-theme=dark] .random-lab .random-wheel .random-wheel-pointer{color:#f8fafc}
@media(prefers-reduced-motion:reduce){.random-lab .random-wheel canvas{transition:none}}
.timer-lab .timer-display{font-size:clamp(2rem,7.5vw,5rem);letter-spacing:.015em;overflow-wrap:anywhere;min-width:0}
.timer-lab .nw-check{display:flex;align-items:flex-start;gap:.5rem;margin:.85rem 0}.timer-lab .nw-check input{flex-shrink:0;margin-top:.3em;accent-color:var(--nw-accent)}
.timer-lab .timer-sound-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.timer-lab .timer-total{text-align:center}.timer-lab .timer-target{overflow-wrap:anywhere;color:#0f172a;font-weight:700}
.timer-lab .nw-input[aria-invalid=true]{border-color:#dc2626}.timer-lab .nw-input:disabled{opacity:.7;cursor:not-allowed}.timer-lab .timer-laps li{overflow-wrap:anywhere}
html[data-theme=dark] .timer-lab .timer-target{color:#e2e8f0}
.timer-lab :is(.timer-phase,.nw-hint,.nw-btn-quiet,.product-guide p){color:#475569!important}
html[data-theme=dark] .timer-lab :is(.timer-phase,.nw-hint,.nw-btn-quiet,.product-guide p){color:#cbd5e1!important}
html[data-theme=dark] .tool-page :is(.breadcrumb-link,.tool-desc){color:#cbd5e1!important}

/* Native SEO and favicon tools: readable actions and supporting text. */
.seo-workbench{--nw-accent:#0e7490!important}
.favicon-studio{--nw-accent:#c2410c!important}
.seo-workbench :is(.seo-count,.social-preview small,.social-preview p,.seo-file-label small),.favicon-studio .favicon-preview span{color:#475569!important}
.favicon-source-tabs button.active,.favicon-code button{background:#c2410c!important}
html[data-theme=dark] .seo-workbench :is(.seo-count,.social-preview small,.social-preview p,.seo-file-label small),html[data-theme=dark] .favicon-studio .favicon-preview span{color:#cbd5e1!important}
html[data-theme=dark] .search-preview small{color:#86efac!important}
html[data-theme=dark] .favicon-source-tabs button:not(.active),html[data-theme=dark] .favicon-downloads button{color:#fed7aa!important}
.seo-workbench :is(input,textarea,select)[aria-invalid=true],.favicon-studio input[aria-invalid=true]{outline:2px solid #dc2626;outline-offset:2px}
.favicon-code code{white-space:pre;max-width:100%;overflow:auto}
.seo-layout>*,.favicon-layout>*{min-width:0}

.seo-workbench .nw-hint,.favicon-studio .nw-hint{color:#475569!important}
html[data-theme=dark] .seo-workbench .nw-hint,html[data-theme=dark] .favicon-studio .nw-hint{color:#cbd5e1!important}

/* Code generation and local image/camera scanning. */
.barcode-lab .nw-hint,.barcode-scanner-lab :is(.nw-hint,.nw-drop small,.scanner-image-preview>span,.media-result-empty){color:#475569!important}
.barcode-preview svg{min-width:0;display:block}
.scanner-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:1rem;align-items:start}
.scanner-grid>*{min-width:0}
.barcode-scanner-lab .calc-results{position:sticky;top:6rem}
.barcode-scanner-lab .nw-drop :is(strong,small){display:block}
.barcode-scanner-lab .nw-drop small{margin-top:.4rem}
.scanner-image-preview{margin:1rem 0;min-height:10rem;display:grid;place-items:center}
.scanner-image-preview canvas{max-width:100%;height:auto;display:block}
.scanner-image-preview canvas[hidden]{display:none}
.camera-stage{position:relative;overflow:hidden;min-height:14rem;border-radius:1rem;background:#020617}
.camera-stage video{display:block;width:100%;min-height:14rem;max-height:28rem;object-fit:contain}
.camera-frame{position:absolute;inset:20%;border:2px solid #5eead4;border-radius:1rem;pointer-events:none}
.barcode-scanner-lab .media-result-empty{display:grid;place-items:center;min-height:17rem;text-align:center;gap:.8rem}
.barcode-scanner-lab .media-result-empty span{display:grid;place-items:center;width:4rem;height:4rem;border-radius:1.2rem;background:#f0fdfa;color:#0f766e}
.barcode-scanner-lab [data-open-link]{text-decoration:none}
.code-scanned-text{font-size:1rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.barcode-lab :is(input,select)[aria-invalid=true],.barcode-scanner-lab input[aria-invalid=true]{outline:2px solid #dc2626;outline-offset:2px}
html[data-theme=dark] .barcode-lab .nw-hint,html[data-theme=dark] .barcode-scanner-lab :is(.nw-hint,.nw-drop small,.scanner-image-preview>span,.media-result-empty){color:#cbd5e1!important}
html[data-theme=dark] .barcode-scanner-lab .media-result-empty span{background:#042f2e;color:#5eead4}
@media(max-width:800px){.scanner-grid{grid-template-columns:1fr}.barcode-scanner-lab .calc-results{position:static}}

.barcode-scanner-lab .nw-tab:not(.active){color:#475569!important}
.tool-page[data-current-tool=barcode-scanner] .breadcrumb-current,.tool-page[data-current-tool=qr-code-scanner] .breadcrumb-current{color:#9d174d!important}
html[data-theme=dark] .barcode-scanner-lab .nw-tab:not(.active){color:#cbd5e1!important}
html[data-theme=dark] .tool-page[data-current-tool=barcode-scanner] .breadcrumb-current,html[data-theme=dark] .tool-page[data-current-tool=qr-code-scanner] .breadcrumb-current{color:#f9a8d4!important}

.pdf-password-lab .nw-hint{color:#475569!important}
.pdf-password-lab .nw-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem}
.pdf-password-lab .nw-drop :is(strong,.nw-hint){display:block}
.pdf-password-lab input[aria-invalid=true]{outline:2px solid #dc2626;outline-offset:2px}
html[data-theme=dark] .pdf-password-lab .nw-hint{color:#cbd5e1!important}
.tool-page[data-current-tool=pdf-protect] .breadcrumb-current,.tool-page[data-current-tool=pdf-unlock] .breadcrumb-current{color:#6d28d9!important}
html[data-theme=dark] .tool-page[data-current-tool=pdf-protect] .breadcrumb-current,html[data-theme=dark] .tool-page[data-current-tool=pdf-unlock] .breadcrumb-current{color:#c4b5fd!important}

.sign-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1.1rem;margin-top:1.2rem}
.pdf-sign-lab .nw-signature{height:auto;aspect-ratio:50/21;display:block;margin:.75rem 0;max-width:100%}
.pdf-sign-lab .nw-hint{color:#475569!important}
.pdf-sign-lab .nw-drop{display:flex;flex-direction:column;gap:.65rem;align-items:center;justify-content:center}
.pdf-sign-lab .nw-preview{padding:.75rem;overflow:hidden;min-height:8rem}
.pdf-sign-lab .nw-page-preview{width:100%;line-height:0}
.pdf-sign-lab .nw-page-preview>canvas{display:block;width:100%;height:auto}
.pdf-sign-lab .nw-signature-layer{min-width:0;border:0;pointer-events:none;cursor:default;overflow:hidden}
.pdf-sign-lab .nw-signature-layer img{width:100%;height:100%;object-fit:fill}
.pdf-sign-lab .sign-slider{width:100%;accent-color:#7c3aed}
.pdf-sign-lab output{float:inline-end;color:#6d28d9}
html[data-theme=dark] .pdf-sign-lab .nw-hint{color:#cbd5e1!important}
html[data-theme=dark] .pdf-sign-lab output{color:#c4b5fd}
.tool-page[data-current-tool=pdf-sign] .breadcrumb-current{color:#6d28d9!important}
html[data-theme=dark] .tool-page[data-current-tool=pdf-sign] .breadcrumb-current{color:#c4b5fd!important}
@media(max-width:800px){.sign-workbench{grid-template-columns:1fr}}
.pdf-watermark-lab .nw-drop{display:flex;flex-direction:column;gap:.65rem;align-items:center;justify-content:center}
.pdf-watermark-lab .nw-hint{color:#475569!important}
.pdf-watermark-lab .nw-preview{padding:.75rem;overflow:hidden;min-height:8rem}
.pdf-watermark-lab .nw-preview>canvas{display:block;width:100%;height:auto}
.pdf-watermark-lab .sign-slider{width:100%;accent-color:#7c3aed}
.pdf-watermark-lab output{float:inline-end;color:#6d28d9}
.watermark-modes{border:0;padding:0;display:flex;gap:1rem;flex-wrap:wrap}
.watermark-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.6fr);gap:1rem}
.watermark-color{height:2.8rem;padding:.3rem}
html[data-theme=dark] .pdf-watermark-lab .nw-hint{color:#cbd5e1!important}
html[data-theme=dark] .pdf-watermark-lab output{color:#c4b5fd}
.tool-page[data-current-tool=pdf-watermark] .breadcrumb-current{color:#6d28d9!important}
html[data-theme=dark] .tool-page[data-current-tool=pdf-watermark] .breadcrumb-current{color:#c4b5fd!important}
.image-conversion-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:1.1rem;align-items:start}
.image-conversion-lab .nw-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem}
.image-conversion-lab .is-dragging{outline:3px solid #be185d}
.image-conversion-lab .nw-hint,.image-conversion-lab .calc-metrics span{color:#475569!important}
.image-conversion-lab .result-panel{position:sticky;top:6rem}
.image-conversion-lab [data-file-name],.image-conversion-lab .calc-metrics strong{overflow-wrap:anywhere}
.image-conversion-lab .nw-preview{padding:.75rem;min-height:14rem}
.image-conversion-lab .nw-preview canvas,.image-conversion-lab .nw-preview img{max-width:100%;height:auto;max-height:32rem;object-fit:contain}
.conversion-route{display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap}
.conversion-route span{padding:.35rem .65rem;border-radius:999px;background:#fdf2f8;color:#9d174d;font-size:.76rem;font-weight:900}
.conversion-route b{color:#be185d}
.image-conversion-lab .nw-range{width:100%;accent-color:#be185d}
.image-conversion-lab .nw-color{width:100%;height:3rem;padding:.25rem;border:1.5px solid #cbd5e1;border-radius:.8rem;background:#fff}
.image-conversion-lab [data-empty-preview]{color:#475569;font-weight:800}
.image-conversion-lab output{float:inline-end;color:#9d174d}
html[data-theme=dark] .image-conversion-lab .nw-hint,html[data-theme=dark] .image-conversion-lab .calc-metrics span,html[data-theme=dark] .image-conversion-lab [data-empty-preview]{color:#cbd5e1!important}
html[data-theme=dark] .conversion-route span{background:#3b102b;color:#f9a8d4}
html[data-theme=dark] .conversion-route b,html[data-theme=dark] .image-conversion-lab output{color:#f9a8d4}
html[data-theme=dark] .image-conversion-lab .nw-color{background:#0b1424;border-color:#34445e}
@media(max-width:850px){.image-conversion-flow{grid-template-columns:1fr}.image-conversion-lab .result-panel{position:static}}
.tool-page:is([data-current-tool=image-converter],[data-current-tool=jpg-to-png],[data-current-tool=png-to-jpg],[data-current-tool=webp-to-jpg],[data-current-tool=svg-to-png],[data-current-tool=heic-to-jpg]) .breadcrumb-current{color:#9d174d!important}
html[data-theme=dark] .tool-page:is([data-current-tool=image-converter],[data-current-tool=jpg-to-png],[data-current-tool=png-to-jpg],[data-current-tool=webp-to-jpg],[data-current-tool=svg-to-png],[data-current-tool=heic-to-jpg]) .breadcrumb-current{color:#f9a8d4!important}
/* Image transforms: an emerald control desk with a separate selection and prepared result. */
.image-transform-flow{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.15fr);gap:1rem;align-items:start}
.image-transform-lab .nw-panel{border-color:#b6d9ce;background:#f3faf7;min-width:0}
.image-transform-lab .nw-btn:not(.nw-btn-secondary){background:#047857!important;color:#fff!important}
.image-transform-lab .nw-hint{color:#475569!important;overflow-wrap:anywhere}
.image-transform-lab .transform-check{display:flex;gap:.65rem;align-items:center;color:#334155;font-weight:600;font-size:.9rem;cursor:pointer}
.image-transform-lab .transform-check input{width:1.1rem;height:1.1rem;accent-color:#047857}
.image-transform-lab .image-selection-stage{min-height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:1rem;background:repeating-conic-gradient(#e2e8f0 0 25%,#f8fafc 0 50%) 0/18px 18px}
.image-transform-lab .image-selection-stage canvas{max-width:100%;height:auto;max-height:420px;object-fit:contain}
.image-transform-lab[data-image-transform=crop] .image-selection-stage{height:340px;display:block}
.image-transform-lab .cropper-container{max-width:100%;border-radius:1rem}
.image-transform-lab .cropper-line,.image-transform-lab .cropper-point{background:#047857}
.image-transform-lab .transform-result-stage{border-top:1px solid #b6d9ce;padding-top:.8rem}
.image-transform-lab .transform-result-stage img{max-height:400px;width:100%;object-fit:contain}
.image-transform-lab .nw-row{flex-wrap:wrap}
.image-transform-lab .nw-color{width:100%;height:42px}
.image-transform-lab [hidden]{display:none!important}
html[data-theme=dark] .image-transform-lab .nw-hint{color:#cbd5e1!important}
html[data-theme=dark] .image-transform-lab .transform-check{color:#e2e8f0}
body:has(.image-transform-lab) .tool-breadcrumbs{color:#065f46!important}
html[data-theme=dark] body:has(.image-transform-lab) .tool-breadcrumbs{color:#6ee7b7!important}
@media(max-width:760px){.image-transform-flow{grid-template-columns:1fr}.image-transform-lab[data-image-transform=crop] .image-selection-stage{height:280px}.image-transform-lab .nw-grid{grid-template-columns:1fr 1fr}}

.image-transform-lab .nw-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem}
.image-transform-lab [data-file-name],.image-transform-lab .calc-metrics strong{overflow-wrap:anywhere}
.image-transform-lab .calc-metrics span{color:#475569!important}
html[data-theme=dark] .image-transform-lab .nw-panel{background:#142c28;border-color:#315d51}
html[data-theme=dark] .image-transform-lab .calc-metrics span{color:#cbd5e1!important}
html[data-theme=dark] .image-transform-lab .image-selection-stage{background:repeating-conic-gradient(#263449 0 25%,#111c30 0 50%) 0/18px 18px}
.tool-page:is([data-current-tool=image-resizer],[data-current-tool=image-cropper],[data-current-tool=image-compressor],[data-current-tool=compress-image-to-size]) .breadcrumb-current{color:#065f46!important}
html[data-theme=dark] .tool-page:is([data-current-tool=image-resizer],[data-current-tool=image-cropper],[data-current-tool=image-compressor],[data-current-tool=compress-image-to-size]) .breadcrumb-current{color:#6ee7b7!important}

.image-transform-lab .nw-range{width:100%;accent-color:#047857}
.image-transform-lab [data-empty]{color:#475569;font-weight:800}
html[data-theme=dark] .image-transform-lab [data-empty]{color:#cbd5e1}

.image-effects-lab .nw-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;min-height:11rem}
.effects-workspace{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:1rem;align-items:start}
.effects-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.effects-stage{min-height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:1rem;background:repeating-conic-gradient(#e2e8f0 0 25%,#f8fafc 0 50%) 0/18px 18px}
.effects-stage canvas,.effects-stage img{max-width:100%;max-height:360px;width:auto;height:auto;object-fit:contain}
.image-effects-lab .effects-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.image-effects-lab .effects-buttons button{padding:.65rem .45rem}
.image-effects-lab .nw-range{width:100%;accent-color:var(--nw-accent)}
.image-effects-lab .nw-color{width:100%;height:42px}
.image-effects-lab .nw-panel{min-width:0}
.image-effects-lab .nw-hint,.image-effects-lab .calc-metrics span,.image-effects-lab .effects-stage>span{color:#475569!important}
.image-effects-lab [data-file-name],.image-effects-lab .calc-metrics strong{overflow-wrap:anywhere}
.image-effects-lab .nw-label output{float:inline-end}
.image-effects-lab .effects-check{display:flex;align-items:flex-start;gap:.65rem;color:#334155;font-size:.9rem;font-weight:600}
.image-effects-lab .effects-check input{width:1.1rem;height:1.1rem;accent-color:var(--nw-accent);flex:none}
html[data-theme=dark] .image-effects-lab .nw-hint,html[data-theme=dark] .image-effects-lab .calc-metrics span,html[data-theme=dark] .image-effects-lab .effects-stage>span{color:#cbd5e1!important}
html[data-theme=dark] .image-effects-lab .effects-check{color:#e2e8f0}
html[data-theme=dark] .image-effects-lab .effects-stage{background:repeating-conic-gradient(#263449 0 25%,#111c30 0 50%) 0/18px 18px}
.tool-page:is([data-current-tool=image-filters],[data-current-tool=background-remover]) .breadcrumb-current{color:#92400e!important}
html[data-theme=dark] .tool-page:is([data-current-tool=image-filters],[data-current-tool=background-remover]) .breadcrumb-current{color:#fcd34d!important}
@media(max-width:850px){.effects-workspace{grid-template-columns:1fr}.effects-comparison{grid-template-columns:1fr}.image-effects-lab .nw-grid{grid-template-columns:1fr 1fr}}

/* A paper workbench: numbered image cards and an actual PDF proof. */
.image-pdf-lab .nw-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;min-height:11rem}
.image-pdf-pages-panel{margin-top:1rem}
.image-pdf-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}
.image-pdf-toolbar h2{margin:0;flex:1}
.image-pdf-toolbar button{padding:.6rem .8rem}
.image-pdf-zoom{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}
.image-pdf-zoom button{padding:.45rem .8rem}
.image-pdf-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--thumb-size,180px)),1fr));gap:1rem}
.image-pdf-card{min-width:0;border:2px solid #cbd5e1;border-radius:.9rem;padding:.7rem;background:#fff;transition:border-color .15s}
.image-pdf-card.selected{border-color:#92400e;box-shadow:0 0 0 2px #fde68a}
.image-pdf-card.dragging{opacity:.5}
.image-pdf-title{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#334155;font-size:.85rem}
.image-pdf-title input{flex:none;accent-color:#92400e;width:1.1rem;height:1.1rem}
.image-pdf-title span{overflow-wrap:anywhere;min-width:0}
.image-pdf-thumb{aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:repeating-conic-gradient(#e2e8f0 0 25%,#f8fafc 0 50%) 0/16px 16px;border-radius:.5rem;margin-top:.65rem}
.image-pdf-thumb img{max-width:90%;max-height:90%;object-fit:contain}
.image-pdf-actions{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}
.image-pdf-actions button{padding:.45rem .3rem;font-size:.78rem;white-space:normal}
.image-pdf-workspace{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:1rem;margin-top:1rem}
.image-pdf-lab .nw-panel{min-width:0}
.image-pdf-lab .nw-range{width:100%;accent-color:#92400e}
.image-pdf-lab .nw-color{width:100%;height:42px}
.image-pdf-lab .nw-hint,.image-pdf-lab .calc-metrics span{color:#475569!important}
.image-pdf-stage{display:flex;align-items:center;justify-content:center;min-height:14rem;padding:.65rem;background:#cbd5e1;border-radius:.6rem}
.image-pdf-stage canvas{max-width:100%;height:auto;box-shadow:0 3px 15px #0f172a24}
.image-pdf-lab progress{width:100%;accent-color:#92400e}
.image-pdf-lab .calc-metrics strong{overflow-wrap:anywhere}
html[data-theme=dark] .image-pdf-card{background:#172336;border-color:#475569}
html[data-theme=dark] .image-pdf-card.selected{border-color:#fcd34d;box-shadow:0 0 0 2px #92400e}
html[data-theme=dark] .image-pdf-title{color:#e2e8f0}
html[data-theme=dark] .image-pdf-lab .nw-hint,html[data-theme=dark] .image-pdf-lab .calc-metrics span{color:#cbd5e1!important}
html[data-theme=dark] .image-pdf-thumb{background:repeating-conic-gradient(#263449 0 25%,#111c30 0 50%) 0/16px 16px}
html[data-theme=dark] .image-pdf-stage{background:#263449}
@media(max-width:850px){.image-pdf-workspace{grid-template-columns:1fr}}

.image-pdf-zoom button{width:2.5rem!important;min-height:2.5rem;flex:none;padding:.35rem!important}

/* Date-only calendar conversion and age details. */
.chronology-age{--ch-ink:#2b3545;--ch-muted:#46546b;--ch-panel:#fff;--ch-soft:#f8f6ee;--ch-line:#dedbd0;--ch-accent:#765516;display:grid;gap:1.25rem;color:var(--ch-ink)}
.chronology-age p{color:var(--ch-muted);font-size:.9rem;line-height:1.7;margin:.75rem 0}.chronology-age .ch-eyebrow{color:var(--ch-accent);font-weight:900;font-size:1.3rem}.chronology-age form{padding:1.4rem;border:1px solid var(--ch-line);border-radius:1.2rem;background:var(--ch-panel)}
.chronology-age .ch-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.chronology-age label{color:var(--ch-ink)!important}.chronology-age input,.chronology-age select{background:var(--ch-soft)!important;color:var(--ch-ink)!important;border-color:var(--ch-line)!important}.chronology-age select{margin-bottom:1rem}.chronology-age [hidden]{display:none!important}
.chronology-age button{font:inherit;cursor:pointer;border-radius:.8rem;font-weight:800}.chronology-age .ch-primary{width:100%;padding:1rem;border:0;background:var(--ch-accent);color:#fff}.chronology-age .ch-secondary{padding:.7rem 1rem;border:1px solid var(--ch-line);background:var(--ch-panel);color:var(--ch-ink)}.chronology-age .ch-text-button{padding:.45rem .75rem;margin:.35rem 0 .8rem;border:1px solid var(--ch-line);background:var(--ch-panel);color:var(--ch-accent)}
.chronology-age .ch-age-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.chronology-age .ch-age-stats>div{display:grid;gap:.5rem;text-align:center;padding:1.3rem .4rem;border:1px solid var(--ch-line);border-radius:1rem;background:var(--ch-soft)}.chronology-age .ch-age-stats strong{font-size:clamp(1.8rem,5vw,3rem);color:var(--ch-accent);font-variant-numeric:tabular-nums}.chronology-age .ch-age-stats span{color:var(--ch-muted);font-weight:700}
.chronology-age .ch-details{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1rem 0}.chronology-age .ch-details>div{padding:.9rem;border:1px solid var(--ch-line);border-radius:.8rem;background:var(--ch-panel)}.chronology-age dt{font-size:.8rem;color:var(--ch-muted)}.chronology-age dd{margin:.35rem 0 0;color:var(--ch-ink);font-weight:800;overflow-wrap:anywhere}.chronology-age details{margin-top:1rem;padding:1rem;border:1px solid var(--ch-line);border-radius:1rem;background:var(--ch-soft)}.chronology-age summary{cursor:pointer;font-weight:800}.chronology-age .ch-status[data-error=true]{color:#a12626!important}.date-converter .dc-status[data-error=true]{color:#a12626!important}.date-converter [hidden]{display:none!important}.date-converter #calendar-method{font-size:.85rem!important;margin-bottom:.6rem;background:#f7fbf8!important;color:#183d32!important;border-color:#cfddd3!important}
html[data-theme=dark] .chronology-age{--ch-ink:#e3e8ee;--ch-muted:#b9c5d4;--ch-panel:#182332;--ch-soft:#202c3c;--ch-line:#405167;--ch-accent:#ecd295}html[data-theme=dark] .chronology-age .ch-primary{background:#ecd295;color:#272211}html[data-theme=dark] .chronology-age .ch-status[data-error=true],html[data-theme=dark] .date-converter .dc-status[data-error=true]{color:#ffb5b5!important}html[data-theme=dark] .date-converter #calendar-method{background:#182c25!important;color:#e3f0e8!important;border-color:#405e50!important}
.date-converter{--dc-muted:#476357!important}.date-converter .dc-mode-step,.date-converter .dc-format-chip,.date-converter .dc-mode-arrow{color:#476357!important}html[data-theme=dark] .date-converter{--dc-muted:#b2cec0!important}html[data-theme=dark] .date-converter .dc-mode-step,html[data-theme=dark] .date-converter .dc-format-chip,html[data-theme=dark] .date-converter .dc-mode-arrow{color:#c1dbc8!important}
@media(max-width:600px){.chronology-age .ch-fields{grid-template-columns:1fr}.chronology-age form{padding:1rem}.chronology-age .ch-details{grid-template-columns:1fr}.date-converter .dc-calendar-chip{display:none}}

.chronology-calendar{--dc-muted:#476357!important}html[data-theme=dark] .chronology-calendar{--dc-muted:#b2cec0!important}
.date-converter .dc-convert-button{background:#087a58!important}
.date-converter .dc-result-note{color:var(--dc-muted)!important}
.chronology-age input[type=date]{color-scheme:light}html[data-theme=dark] .chronology-age input[type=date]{color-scheme:dark}

/* Keep the tool workspace close to the page title on phones. */
@media(max-width:640px){
    main.tool-page{padding:1rem .75rem 3rem}
    .tool-page .tool-page-toolbar{align-items:center;gap:.5rem;padding:0;margin-bottom:.85rem}
    .tool-page .tool-page-toolbar .breadcrumb-nav{flex-wrap:nowrap;gap:.1rem}
    .tool-page .tool-page-toolbar .breadcrumb-link{min-width:0;font-size:.72rem;padding:.25rem;white-space:nowrap}
    .tool-page .tool-page-toolbar .breadcrumb-current,.tool-page .tool-page-toolbar .breadcrumb-sep:last-of-type{display:none}
    .tool-page .tool-page-toolbar>.tool-pin{min-height:2.75rem;padding:.45rem .65rem;font-size:.72rem;gap:.35rem}
    .tool-page .tool-header{display:grid;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.45rem .65rem;text-align:start;max-width:72rem;margin:0 auto 1rem}
    .tool-page .tool-header::before{display:none}
    .tool-page .tool-header .tool-icon-wrap{width:2.5rem;height:2.5rem;grid-column:1;grid-row:1;align-self:start;margin:0;border-radius:.75rem;transform:none;box-shadow:none}
    .tool-page .tool-icon-wrap::after{inset:.25rem;border-radius:.5rem}
    .tool-page .tool-icon-wrap>svg{width:1.4rem;height:1.4rem}
    .tool-page .tool-title{grid-column:2;min-width:0;margin:0;font-size:clamp(1.05rem,4.8vw,1.45rem);line-height:1.5;letter-spacing:0;text-wrap:pretty;overflow-wrap:anywhere}
    .tool-page .tool-desc{grid-column:1/-1;min-width:0;margin:0;font-size:.82rem;line-height:1.65;text-wrap:pretty}
    .tool-page .tool-card{margin-bottom:1.5rem}
    .tool-page .date-converter .dc-header{margin-bottom:1rem}
    .tool-page .date-converter .dc-title{font-size:1.15rem;line-height:1.5;margin:.35rem 0 0}
    .tool-page .date-converter .dc-intro,.tool-page .date-converter .dc-calendar-chip{display:none}
    .tool-page .date-converter .dc-directions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;padding:.35rem;margin:1rem 0}
    .tool-page .date-converter .dc-mode{display:flex;min-width:0;min-height:44px;box-sizing:border-box;justify-content:center;padding:.25rem .35rem;gap:.25rem}
    .tool-page .date-converter .dc-mode-copy{flex:1;min-width:0;text-align:center}
    .tool-page .date-converter .dc-mode-copy strong{font-size:clamp(.7rem,3vw,.8rem);line-height:1.35;overflow-wrap:anywhere}
    .tool-page .date-converter .dc-mode-copy small,.tool-page .date-converter .dc-mode-step,.tool-page .date-converter .dc-mode-arrow{display:none}
}