:root{color-scheme:light;--color-canvas:#f4f6f3;--color-surface:#fff;--color-ink:#17201b;--color-muted:#56635b;--color-border:#cbd4cd;--color-accent:#096447;--color-accent-strong:#064b36;--color-accent-soft:#e2f3ec;--color-danger:#a52828;--color-danger-soft:#faeaea;--color-focus:#6d46d9;--shadow-workbench:0 18px 48px #17201b14;--radius-control:.625rem;--radius-card:1rem;--radius-workbench:1.375rem;--control-height:3rem;--page-width:72rem;--tool-width:62rem;--reading-width:48rem;font-synthesis:none;color:var(--color-ink);background:var(--color-canvas);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}*,:before,:after{box-sizing:border-box}html{background:var(--color-canvas)}body{min-height:100vh;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);margin:0}body.header-menu-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--color-accent);text-underline-offset:.16em}a:hover{color:var(--color-accent-strong)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}img,svg{max-width:100%;display:block}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{text-wrap:balance;line-height:1.12}p{text-wrap:pretty}.skip-link{z-index:100;color:#fff;background:var(--color-accent-strong);padding:.75rem 1rem;position:fixed;inset:0 auto auto 0;transform:translateY(-120%)}.skip-link:focus{transform:translateY(0)}.page-shell{width:min(100% - 2rem, var(--page-width));margin-inline:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:20;justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;display:flex;position:relative}.brand{min-height:2.75rem;color:var(--color-ink);align-items:center;gap:.5625rem;text-decoration:none;display:inline-flex}.brand-mark{border-radius:.5rem;flex:none;width:2rem;height:2rem}.brand-wordmark{color:var(--color-ink);letter-spacing:-.047em;white-space:nowrap;align-items:baseline;font-size:1.075rem;line-height:1;display:inline-flex}.brand-tool{font-weight:780}.brand-pronto{color:var(--color-accent);font-weight:860}.brand:hover .brand-wordmark{color:var(--color-ink)}.brand:hover .brand-pronto{color:var(--color-accent-strong)}.brand--footer{min-height:2.5rem}.brand--footer .brand-mark{border-radius:.4375rem;width:1.75rem;height:1.75rem}.brand--footer .brand-wordmark{font-size:1rem}.desktop-nav{display:none}.language-menu{position:relative}.header-actions{align-items:center;gap:.5rem;display:flex}details>summary{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);cursor:pointer;align-items:center;min-height:2.75rem;padding:.5rem .75rem;font-weight:700;list-style:none;display:flex}.home-tools-link{border:1px solid var(--color-border);border-radius:var(--radius-control);min-width:2.75rem;min-height:2.75rem;color:var(--color-ink);background:var(--color-surface);justify-content:center;align-items:center;padding:.5rem .75rem;font-weight:700;text-decoration:none;display:inline-flex}details>summary::-webkit-details-marker{display:none}.mobile-sheet,.popover{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);width:min(100vw - 2rem,26rem);box-shadow:var(--shadow-workbench);padding:1rem;position:absolute;top:calc(100% - .25rem);right:0}.mobile-sheet{grid-template-rows:auto auto minmax(0,1fr) auto;gap:.75rem;max-height:min(75dvh,46rem);display:grid;overflow:hidden}.mobile-sheet-heading{justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;display:flex}.tools-menu-close{width:2.75rem;min-width:2.75rem;min-height:2.75rem;padding:.7rem}.tools-menu-close svg,.tool-menu-search svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px}.tool-menu-enhancement{display:none}.tools-menu.is-enhanced .tool-menu-enhancement{gap:.6rem;display:grid}.tool-menu-search-label{font-size:.85rem;font-weight:750}.tool-menu-search{position:relative}.tool-menu-search svg{width:1.1rem;color:var(--color-muted);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.tool-menu-search input{width:100%;min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-surface);padding:.65rem .75rem .65rem 2.55rem}.tool-menu-filters{scrollbar-width:thin;gap:.4rem;max-width:100%;padding-block:.1rem;display:flex;overflow-x:auto}.tool-menu-filters button{border:1px solid var(--color-border);min-height:2.5rem;color:var(--color-ink);background:var(--color-surface);white-space:nowrap;cursor:pointer;border-radius:999px;padding:.45rem .7rem;font-size:.82rem;font-weight:700}.tool-menu-filters button[aria-pressed=true]{border-color:var(--color-accent);color:#fff;background:var(--color-accent)}.tool-menu-result-count{color:var(--color-muted);margin:0;font-size:.78rem}.tool-menu-results{overscroll-behavior:contain;gap:.25rem;min-height:0;display:grid;overflow-y:auto}.tool-menu-results>a{min-height:3.75rem;color:var(--color-ink);border-radius:.5rem;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.65rem;padding:.6rem .75rem;text-decoration:none;display:grid}.tool-menu-results>a[hidden]{display:none}.tool-menu-results>a:hover,.tool-menu-results>a[aria-current=page]{background:var(--color-accent-soft)}.tool-menu-icon{width:2rem;height:2rem;color:var(--color-accent-strong);background:var(--color-accent-soft);border-radius:.45rem;place-items:center;display:grid}.tool-menu-icon .tool-icon{width:1.15rem;height:1.15rem}.tool-menu-link-copy{min-width:0;line-height:1.3;display:grid}.tool-menu-results small{color:var(--color-muted)}.tool-menu-empty{text-align:center;padding:1rem}.tool-menu-empty p{margin-bottom:.75rem}.language-menu>summary{justify-content:center;gap:.35rem;min-width:2.75rem;padding-inline:.65rem}.language-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;width:1.1rem;height:1.1rem}.tools-menu-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:1.2rem;height:1.2rem}.tools-menu-label{display:none}.tools-menu>summary{justify-content:center;min-width:2.75rem}@media (width<=59.999rem){.tools-menu .mobile-sheet{inset:max(4.25rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));width:auto;max-height:none;position:fixed}}.language-short{letter-spacing:.035em;font-size:.8rem}.language-full{display:none}.language-menu .popover{width:min(15rem,100vw - 2rem);max-height:min(70dvh,32rem);top:calc(100% + .4rem);overflow-y:auto}.popover a{color:var(--color-ink);border-radius:.4rem;padding:.6rem;text-decoration:none;display:block}.popover a:hover,.popover a[aria-current=page]{background:var(--color-accent-soft)}.pwa-install-banner{z-index:50;right:max(.75rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom));left:max(.75rem, env(safe-area-inset-left));border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);width:min(34rem,100% - 1.5rem);box-shadow:var(--shadow-workbench);justify-content:space-between;align-items:center;gap:.75rem;margin-inline:auto;padding:.75rem;display:flex;position:fixed}.pwa-install-banner[hidden]{display:none}.pwa-install-copy{gap:.2rem;display:grid}.pwa-install-copy p{color:var(--color-muted);font-size:.86rem;line-height:1.35}.pwa-install-banner [data-install-ios],.pwa-install-banner[data-install-mode=ios] [data-install-native],.pwa-install-banner[data-install-mode=ios] [data-install-action]{display:none}.pwa-install-banner[data-install-mode=ios][data-ios-browser=safari] [data-install-ios-safari],.pwa-install-banner[data-install-mode=ios][data-ios-browser=chrome] [data-install-ios-chrome],.pwa-install-banner[data-install-mode=ios][data-ios-browser=other] [data-install-ios-other]{display:block}.pwa-install-actions{flex:none;align-items:center;gap:.4rem;display:flex}.pwa-install-banner .button{white-space:nowrap}.pwa-install-banner .icon-button{width:2.75rem;min-width:2.75rem;padding:.65rem}.pwa-install-banner .icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:1.15rem;height:1.15rem}@media (width<=28rem){.pwa-install-banner{align-items:flex-start}.pwa-install-actions{flex-direction:column-reverse;align-items:flex-end}}.site-main{padding-block:clamp(1.5rem,6vw,4.5rem)}.site-main.tool-page-main{padding-top:clamp(.75rem,3vw,1.5rem)}.home-intro,.tool-intro{max-width:46rem;margin-bottom:clamp(1.5rem,5vw,2.5rem)}.home-intro h1{letter-spacing:-.05em;margin-bottom:1rem;font-size:clamp(2.3rem,9vw,4.5rem)}.home-intro>p:last-child,.tool-intro>p:not(.eyebrow,.privacy-note){max-width:38rem;color:var(--color-muted);font-size:clamp(1.05rem,2.5vw,1.25rem)}.eyebrow{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;font-size:.78rem;font-weight:800}.tool-intro{max-width:var(--tool-width);margin-bottom:clamp(1rem,3vw,1.5rem)}.tool-intro h1{letter-spacing:-.035em;max-width:52rem;margin-bottom:.65rem;font-size:clamp(1.65rem,5.5vw,2.75rem)}.privacy-note{color:var(--color-accent-strong);align-items:start;gap:.5rem;margin:0;font-size:.9rem;font-weight:650;display:flex}.tool-intro-meta{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.75rem;display:flex}.finder-label{margin-bottom:.4rem;font-weight:700;display:block}.finder-control{max-width:36rem;margin-bottom:1rem;position:relative}.finder-control svg{width:1.25rem;color:var(--color-muted);pointer-events:none;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.finder-control input{border:1px solid var(--color-border);border-radius:var(--radius-control);width:100%;min-height:3rem;color:var(--color-ink);background:var(--color-surface);padding:.7rem 1rem .7rem 2.8rem}.finder-control input:hover,.finder-control input:focus{border-color:var(--color-accent)}.tool-grid{grid-auto-rows:1fr;gap:.75rem;display:grid}.tool-card-shell{min-width:0;height:100%;position:relative}.favorite-tool-percentage .tool-card-shell[data-tool-id=percentage],.favorite-tool-unit .tool-card-shell[data-tool-id=unit],.favorite-tool-date .tool-card-shell[data-tool-id=date],.favorite-tool-bmi .tool-card-shell[data-tool-id=bmi],.favorite-tool-word .tool-card-shell[data-tool-id=word],.favorite-tool-timezone .tool-card-shell[data-tool-id=timezone],.favorite-tool-qr .tool-card-shell[data-tool-id=qr],.favorite-tool-loan .tool-card-shell[data-tool-id=loan],.favorite-tool-typing .tool-card-shell[data-tool-id=typing],.favorite-tool-age .tool-card-shell[data-tool-id=age],.favorite-tool-timer .tool-card-shell[data-tool-id=timer],.favorite-tool-password .tool-card-shell[data-tool-id=password],.favorite-tool-upload .tool-card-shell[data-tool-id=upload],.favorite-tool-picker .tool-card-shell[data-tool-id=picker],.favorite-tool-counter .tool-card-shell[data-tool-id=counter],.favorite-tool-json .tool-card-shell[data-tool-id=json],.favorite-tool-color .tool-card-shell[data-tool-id=color],.favorite-tool-profile .tool-card-shell[data-tool-id=profile],.favorite-tool-text .tool-card-shell[data-tool-id=text],.favorite-tool-mortgage .tool-card-shell[data-tool-id=mortgage],.favorite-tool-stopwatch .tool-card-shell[data-tool-id=stopwatch],.favorite-tool-tdee .tool-card-shell[data-tool-id=tdee],.favorite-tool-gpa .tool-card-shell[data-tool-id=gpa],.favorite-tool-compound .tool-card-shell[data-tool-id=compound],.favorite-tool-scientific .tool-card-shell[data-tool-id=scientific],.favorite-tool-tip .tool-card-shell[data-tool-id=tip],.favorite-tool-pdf .tool-card-shell[data-tool-id=pdf],.favorite-tool-random .tool-card-shell[data-tool-id=random],.favorite-tool-speech .tool-card-shell[data-tool-id=speech],.favorite-tool-countdown .tool-card-shell[data-tool-id=countdown],.favorite-tool-regex .tool-card-shell[data-tool-id=regex],.favorite-tool-base64 .tool-card-shell[data-tool-id=base64],.favorite-tool-uuid .tool-card-shell[data-tool-id=uuid],.favorite-tool-discount .tool-card-shell[data-tool-id=discount],.favorite-tool-fraction .tool-card-shell[data-tool-id=fraction],.favorite-tool-grade-final .tool-card-shell[data-tool-id=grade-final],.favorite-tool-vat-tax .tool-card-shell[data-tool-id=vat-tax],.favorite-tool-retirement .tool-card-shell[data-tool-id=retirement],.favorite-tool-budget-50-30-20 .tool-card-shell[data-tool-id=budget-50-30-20],.favorite-tool-body-fat .tool-card-shell[data-tool-id=body-fat],.favorite-tool-water-intake .tool-card-shell[data-tool-id=water-intake],.favorite-tool-reference-weight .tool-card-shell[data-tool-id=reference-weight],.favorite-tool-bmr .tool-card-shell[data-tool-id=bmr],.favorite-tool-macro .tool-card-shell[data-tool-id=macro],.favorite-tool-pace .tool-card-shell[data-tool-id=pace],.favorite-tool-fuel-cost .tool-card-shell[data-tool-id=fuel-cost],.favorite-tool-aspect-ratio .tool-card-shell[data-tool-id=aspect-ratio],.favorite-tool-ratio .tool-card-shell[data-tool-id=ratio],.favorite-tool-sleep .tool-card-shell[data-tool-id=sleep],.favorite-tool-business-days .tool-card-shell[data-tool-id=business-days],.favorite-tool-due-date .tool-card-shell[data-tool-id=due-date],.favorite-tool-ovulation .tool-card-shell[data-tool-id=ovulation],.favorite-tool-password-check .tool-card-shell[data-tool-id=password-check],.favorite-tool-url-encoder .tool-card-shell[data-tool-id=url-encoder],.favorite-tool-unix-timestamp .tool-card-shell[data-tool-id=unix-timestamp],.favorite-tool-hash-generator .tool-card-shell[data-tool-id=hash-generator],.favorite-tool-text-diff .tool-card-shell[data-tool-id=text-diff],.favorite-tool-markdown-preview .tool-card-shell[data-tool-id=markdown-preview],.favorite-tool-json-csv .tool-card-shell[data-tool-id=json-csv],.favorite-tool-yaml-json .tool-card-shell[data-tool-id=yaml-json],.favorite-tool-xml-formatter .tool-card-shell[data-tool-id=xml-formatter],.favorite-tool-html-formatter .tool-card-shell[data-tool-id=html-formatter],.favorite-tool-css-formatter .tool-card-shell[data-tool-id=css-formatter],.favorite-tool-cron-explainer .tool-card-shell[data-tool-id=cron-explainer],.favorite-tool-number-base .tool-card-shell[data-tool-id=number-base],.favorite-tool-subnet-calculator .tool-card-shell[data-tool-id=subnet-calculator],.favorite-tool-jwt-decoder .tool-card-shell[data-tool-id=jwt-decoder],.favorite-tool-image-metadata .tool-card-shell[data-tool-id=image-metadata],.favorite-tool-image-color-picker .tool-card-shell[data-tool-id=image-color-picker],.favorite-tool-favicon-generator .tool-card-shell[data-tool-id=favicon-generator],.favorite-tool-images-to-pdf .tool-card-shell[data-tool-id=images-to-pdf],.favorite-tool-pdf-organizer .tool-card-shell[data-tool-id=pdf-organizer],.favorite-tool-notepad .tool-card-shell[data-tool-id=notepad],.favorite-tool-checklist .tool-card-shell[data-tool-id=checklist],.favorite-tool-metronome .tool-card-shell[data-tool-id=metronome],.favorite-tool-tap-bpm .tool-card-shell[data-tool-id=tap-bpm],.favorite-tool-dice-coin .tool-card-shell[data-tool-id=dice-coin],.favorite-tool-keyboard-tester .tool-card-shell[data-tool-id=keyboard-tester],.favorite-tool-microphone-tester .tool-card-shell[data-tool-id=microphone-tester],.favorite-tool-webcam-tester .tool-card-shell[data-tool-id=webcam-tester],.favorite-tool-screen-checker .tool-card-shell[data-tool-id=screen-checker],.favorite-tool-css-gradient .tool-card-shell[data-tool-id=css-gradient],.favorite-tool-box-shadow .tool-card-shell[data-tool-id=box-shadow],.favorite-tool-lorem-ipsum .tool-card-shell[data-tool-id=lorem-ipsum],.favorite-tool-slug-generator .tool-card-shell[data-tool-id=slug-generator],.favorite-tool-barcode-generator .tool-card-shell[data-tool-id=barcode-generator],.favorite-tool-signature-maker .tool-card-shell[data-tool-id=signature-maker]{order:-1}.tool-card{border:1px solid var(--color-border);border-radius:var(--radius-card);min-width:0;height:100%;min-height:6.25rem;color:var(--color-ink);background:var(--color-surface);grid-template-columns:auto 1fr;align-items:center;gap:.9rem;padding:1rem 3.75rem 1rem 1rem;text-decoration:none;display:grid}.tool-card:hover{border-color:var(--color-accent);color:var(--color-ink);background:#fbfffd}.favorite-local-note{max-width:36rem;color:var(--color-muted);align-items:center;gap:.45rem;margin:-.25rem 0 1rem;font-size:.88rem;display:flex}.favorite-local-note span{color:var(--color-accent)}button.favorite-toggle{width:2.75rem;min-width:2.75rem;min-height:2.75rem;color:var(--color-muted);background:0 0;border-color:#0000;border-radius:999px;padding:.65rem;display:inline-flex}.tool-card-shell>.favorite-toggle{z-index:1;position:absolute;top:50%;right:.625rem;transform:translateY(-50%)}button.favorite-toggle:hover{border-color:var(--color-accent);color:var(--color-accent-strong);background:var(--color-accent-soft)}button.favorite-toggle.is-favorite{color:var(--color-accent-strong);background:0 0;border-color:#0000}.favorite-toggle svg{fill:#0000;stroke:currentColor;stroke-linejoin:round;stroke-width:1.8px;width:1.15rem;height:1.15rem;overflow:visible}.favorite-toggle.is-favorite svg{fill:currentColor}.favorite-toggle-symbol{font-size:1.25rem;line-height:1}button.favorite-toggle.with-label{border-radius:var(--radius-control);gap:.5rem;width:fit-content;min-width:0;padding-inline:.85rem}.tool-favorite{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:0;display:flex}.tool-favorite small{color:var(--color-muted)}.tool-card-icon{width:2.75rem;height:2.75rem;color:var(--color-accent);background:var(--color-accent-soft);border-radius:.75rem;place-items:center;display:grid}.tool-icon{width:1.4rem;height:1.4rem}.tool-card-copy{overflow-wrap:anywhere;gap:.15rem;min-width:0;display:grid}.tool-card-copy strong{font-size:1.05rem}.tool-card-copy>span{color:var(--color-muted)}.empty-result{border:1px dashed var(--color-border);border-radius:var(--radius-card);max-width:36rem;padding:1.5rem}.button,button{min-height:var(--control-height);border:1px solid var(--color-accent);border-radius:var(--radius-control);color:#fff;background:var(--color-accent);cursor:pointer;justify-content:center;align-items:center;width:fit-content;padding:.6rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.action-icon{flex:none;width:1.1rem;height:1.1rem;margin-right:.45rem}.button:hover,button:hover{border-color:var(--color-accent-strong);color:#fff;background:var(--color-accent-strong)}button:disabled{opacity:.45;cursor:not-allowed}button:disabled:hover{border-color:var(--color-accent);background:var(--color-accent)}button.favorite-toggle:disabled,button.favorite-toggle:disabled:hover{color:var(--color-muted);background:0 0;border-color:#0000}.button.secondary,button.secondary,.secondary-button{color:var(--color-accent-strong);background:var(--color-surface)}.button.secondary:hover,button.secondary:hover,.secondary-button:hover{color:#fff;background:var(--color-accent-strong)}button.secondary:disabled,button.secondary:disabled:hover,.secondary-button:disabled,.secondary-button:disabled:hover{border-color:var(--color-border);color:var(--color-muted);background:var(--color-surface);opacity:1}.action-row,.workbench-heading-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}button.text-button{color:var(--color-accent-strong);background:0 0;border-color:#0000}button.icon-button{width:var(--control-height);min-width:var(--control-height);color:var(--color-accent-strong);background:var(--color-surface);border-color:var(--color-border);padding:.5rem}.home-explainer{gap:1rem;margin-top:clamp(3rem,8vw,6rem);display:grid}.home-explainer>div{border-top:1px solid var(--color-border);padding:clamp(1.25rem,4vw,2rem)}.home-explainer h2{margin-bottom:.75rem}.home-explainer p:last-child{max-width:34rem;color:var(--color-muted);margin-bottom:0}.section-mark{color:var(--color-accent);font-weight:800}.workbench{max-width:var(--tool-width);border:1px solid var(--color-border);border-radius:var(--radius-workbench);background:var(--color-surface);box-shadow:var(--shadow-workbench);gap:1rem;padding:clamp(1.25rem,5vw,2rem);display:grid}.workbench h2,.workbench p{margin-bottom:0}.placeholder-workbench>p{max-width:42rem;color:var(--color-muted)}.workbench-heading,.workbench-actions,.compact-actions,.template-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.workbench-heading{justify-content:space-between}.template-row{border-block:1px solid var(--color-border);padding-block:.75rem}.template-row>span{flex-basis:100%;font-weight:700}.template-library>summary{width:fit-content;color:var(--color-accent-strong)}.template-library>div{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-canvas);gap:1rem;margin-top:.75rem;padding:1rem;display:grid}.template-search{gap:.35rem;font-weight:700;display:grid}.template-search input{width:100%;min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);padding:.6rem .7rem}.template-results{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.template-results button{width:100%;height:100%;color:var(--color-ink);border-color:var(--color-border);background:var(--color-surface);text-align:start;justify-items:start;gap:.2rem;display:grid}.template-results small{color:var(--color-muted);font-weight:500}.board-target-field{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-accent-soft);align-items:center;gap:.75rem;padding:.85rem 1rem;display:grid}.board-target-field span{display:grid}.board-target-field small{color:var(--color-muted);font-weight:400}.board-target-field input{width:100%;min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);padding:.6rem .7rem}button.chip{border-color:var(--color-border);min-height:2.75rem;color:var(--color-ink);background:var(--color-canvas);padding:.35rem .7rem;font-size:.85rem}.counter-grid{align-items:start;gap:1rem;display:grid}.counter-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-canvas);gap:.85rem;min-width:0;padding:1rem;display:grid}.counter-label,.counter-settings input[type=number]{width:100%;min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-surface);padding:.6rem .7rem}.counter-label{text-align:center;font-weight:700}.counter-value{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;text-align:center;font-size:clamp(2.75rem,14vw,5rem);font-weight:800;line-height:1}.target-progress{color:var(--color-muted);text-align:center;margin:0;font-weight:750}.target-progress.is-reached,.target-progress.is-exceeded{color:var(--color-accent-strong)}.counter-actions{grid-template-columns:1fr 1.6fr;gap:.65rem;display:grid}button.count-button{width:100%;min-height:4rem;font-size:2rem}button.minus{color:var(--color-ink);border-color:var(--color-border);background:var(--color-surface)}.counter-settings{position:relative}.counter-settings>summary{width:fit-content;color:var(--color-accent-strong);margin-inline:auto}.counter-settings>div{border-top:1px solid var(--color-border);gap:.9rem;margin-top:.75rem;padding-top:.75rem;display:grid}.counter-settings label:not(.check-row){gap:.35rem;font-weight:650;display:grid}.check-row{align-items:center;gap:.6rem;display:flex}.check-row input{width:1.25rem;height:1.25rem}button.danger-button,button.link-button{color:var(--color-danger);background:var(--color-surface);border-color:var(--color-border)}.quick-count{z-index:100;min-width:0;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));color:var(--color-ink);background:var(--color-surface);display:grid;position:fixed;inset:0;overflow:auto}.quick-count-exit{z-index:1;justify-self:end;position:sticky;top:0}.quick-count-content{text-align:center;align-content:center;gap:1rem;width:min(100%,42rem);min-height:calc(100dvh - 6rem);margin:auto;display:grid}.quick-count-controls{justify-content:center;align-items:center;gap:clamp(.75rem,3vw,1.5rem);display:flex}.quick-count-controls output{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;flex:0 auto;min-width:clamp(4rem,18vw,8rem);max-width:min(48vw,20rem);font-size:clamp(3.5rem,18vw,8rem);font-weight:850;line-height:.9}.quick-count-controls button{flex:0 0 clamp(4.5rem,14vw,7rem);width:clamp(4.5rem,14vw,7rem);min-height:clamp(4.5rem,20vw,7rem);padding-inline:.5rem;font-size:3rem}.quick-count-controls button:first-child{color:var(--color-ink);border-color:var(--color-border);background:var(--color-canvas)}.quick-count-options{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}button.link-button{color:var(--color-muted)}.warning-message{background:#fff5d6;border-left:4px solid #9a6500;padding:.75rem 1rem}.status-message{min-height:1.5em;color:var(--color-muted)}.field-hint{color:var(--color-muted);font-size:.875rem;font-weight:400}.checkbox-label{align-items:center;gap:.55rem;font-weight:700;display:flex}.field-label,.compact-field{gap:.4rem;font-weight:700;display:grid}.field-label input,.field-label select,.field-label textarea,.compact-field input{width:100%;min-width:0;min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-surface);padding:.6rem .7rem;font-weight:400}.field-label textarea{resize:vertical}.field-label input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]),.field-label select,.compact-field input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]){height:var(--control-height)}.field-label input[type=color]{cursor:pointer;min-height:3rem;padding:.25rem}.segmented-control button{min-height:var(--control-height);color:var(--color-accent-strong);border-color:var(--color-border);background:var(--color-surface);padding:.55rem .9rem}.segmented-control button[aria-pressed=true]{color:#fff;border-color:var(--color-accent);background:var(--color-accent)}.file-control small,.notice-card{color:var(--color-muted);font-size:.875rem;font-weight:400}.notice-card{border-left:4px solid var(--color-accent);background:var(--color-accent-soft);padding:.75rem 1rem}.output-panel,.regex-results{border-top:1px solid var(--color-border);gap:.75rem;padding-top:1rem;display:grid}.code-input,.code-output{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}pre.code-output{border:1px solid var(--color-border);border-radius:var(--radius-control);max-height:20rem;color:var(--color-ink);background:var(--color-canvas);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:1rem;overflow:auto}.countdown-result{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-canvas);text-align:center;gap:1rem;padding:clamp(1rem,4vw,1.5rem);display:grid}.countdown-result.is-complete{border-color:var(--color-accent);background:var(--color-accent-soft)}.countdown-result dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin:0;display:grid}.countdown-result dl>div{border-radius:var(--radius-control);background:var(--color-surface);min-width:0;padding:.6rem .25rem}.countdown-result dd{margin:0;font-size:clamp(1.35rem,7vw,2.5rem);font-weight:850;line-height:1}.countdown-result dt{color:var(--color-muted);margin-top:.35rem;font-size:clamp(.65rem,2.8vw,.85rem)}.countdown-finished{font-size:clamp(1.5rem,6vw,2.5rem)}.regex-pattern-row{grid-template-columns:minmax(0,1fr) 5rem;gap:.75rem;display:grid}.match-list{gap:.35rem;max-height:18rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.match-list li{background:var(--color-accent-soft);border-radius:.35rem;justify-content:space-between;gap:1rem;min-width:0;padding:.5rem .65rem;display:flex}.match-list code{overflow-wrap:anywhere;min-width:0}.match-list span{color:var(--color-muted);flex:none}.paired-fields,.converter-grid,.qr-options{gap:.85rem;display:grid}.paired-fields>button{align-self:end}.time-mode-picker{border:0;gap:.65rem;margin:0;padding:0;display:grid}.time-mode-picker>legend{margin-bottom:.65rem;font-weight:800}.time-mode-options{gap:.65rem;display:grid}.time-mode-options label{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);cursor:pointer;align-items:center;gap:.65rem;min-width:0;min-height:4.25rem;padding:.7rem .8rem;display:flex}.time-mode-options label.is-selected{border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:inset 0 0 0 1px var(--color-accent)}.time-mode-options input{width:1.15rem;height:1.15rem;accent-color:var(--color-accent);flex:none;margin:0}.time-mode-options span{gap:.05rem;min-width:0;display:grid}.time-mode-options small,.timezone-reference span{color:var(--color-muted);font-size:.82rem;font-weight:400;line-height:1.35}.timezone-context{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-canvas);padding:.8rem;display:grid}.timezone-reference{overflow-wrap:anywhere;min-width:0;margin:0;display:grid}.custom-time-fields{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-canvas);padding:.8rem}.calculation-result,.qr-result{border-radius:var(--radius-card);background:var(--color-accent-soft);gap:.85rem;padding:clamp(1rem,4vw,1.5rem);display:grid}.calculation-result output{overflow-wrap:anywhere;color:var(--color-accent-strong);font-variant-numeric:tabular-nums;font-size:clamp(2rem,9vw,3.75rem);font-weight:850;line-height:1}.calculation-result output span{font-size:.45em}.stopwatch-display{overflow-wrap:anywhere;color:var(--color-accent-strong);font-variant-numeric:tabular-nums;letter-spacing:-.05em;text-align:center;font-size:clamp(2.4rem,12vw,5.5rem);font-weight:850;display:block}.lap-list,.history-list,.file-list,.course-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.lap-list li,.file-list li{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);justify-content:space-between;align-items:center;gap:.75rem;min-width:0;padding:.75rem;display:flex}.lap-list li span,.file-list li>span{min-width:0;display:grid}.file-list li>span{overflow-wrap:anywhere;flex:1}.file-list li>div{flex:none;gap:.35rem;display:flex}.compact-card{border:1px solid var(--color-border);border-radius:var(--radius-card);min-width:0;margin:0;padding:.85rem}.compact-card legend{padding-inline:.35rem;font-weight:800}.calculator-keypad{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}.calculator-keypad button{width:100%;min-width:0;padding-inline:.4rem}.calculator-keypad .equals-key{grid-column:span 2}.expression-input,.random-output{font-family:var(--font-mono,ui-monospace, monospace)}.random-output{white-space:pre-wrap;font-size:clamp(1.3rem,6vw,2.25rem)!important;line-height:1.25!important}.history-list button{border-color:var(--color-border);justify-content:space-between;gap:1rem;width:100%;min-width:0;display:flex}.compact-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.compact-stats>div{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-canvas);min-width:0;padding:.65rem}.compact-stats dt{color:var(--color-muted);font-size:.78rem}.compact-stats dd{margin:0;font-size:1.2rem;font-weight:800}.expansion-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr))}.range-with-input{grid-template-columns:minmax(0,1fr) 5.5rem;align-items:center;gap:.75rem;display:grid}.range-with-input input[type=range]{width:100%}.option-grid{border:1px solid var(--color-border);border-radius:var(--radius-card);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.75rem;margin:0;padding:1rem;display:grid}.option-grid legend{padding-inline:.35rem;font-weight:800}.password-result output{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(1.15rem,4vw,1.6rem);line-height:1.35}.age-output{font-size:clamp(1.5rem,6vw,2.6rem)!important;line-height:1.3!important}.code-input,.json-output pre{tab-size:2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.json-output{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-canvas);gap:.75rem;min-width:0;padding:1rem;display:grid}.json-output pre{border-radius:var(--radius-control);max-height:28rem;color:var(--color-ink);background:var(--color-surface);white-space:pre;margin:0;padding:1rem;overflow:auto}.json-code-editor,.json-code-output{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.json-code-editor>pre,.json-code-output>pre:first-child{border:0;border-inline-end:1px solid var(--color-border);min-width:3rem;max-height:28rem;color:var(--color-muted);background:var(--color-canvas);text-align:end;user-select:none;border-radius:0;margin:0;padding:.75rem .625rem;line-height:1.5;overflow:hidden}.json-code-editor textarea{border:0;border-radius:0;min-height:18rem;margin:0;line-height:1.5}.json-code-editor:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.json-code-output>pre:last-child{background:var(--color-surface);border:0;border-radius:0;max-height:28rem;margin:0;padding:.75rem;overflow:auto}button.icon-only{width:2.75rem;padding:.55rem}button.icon-only .action-icon{margin-right:0}.converter-grid{align-items:end}.converter-swap{justify-self:center}.zone-adder{border:1px solid var(--color-border);border-radius:var(--radius-card);gap:.75rem;margin:0;padding:1rem;display:grid}.zone-adder>button{width:100%}.zone-adder legend{padding-inline:.35rem;font-weight:800}.searchable-select{min-width:0;position:relative}.searchable-select-control{position:relative}.searchable-select-control:after{content:"";pointer-events:none;border-bottom:2px solid;border-right:2px solid;width:.5rem;height:.5rem;position:absolute;top:50%;right:1rem;transform:translateY(-70%)rotate(45deg)}.field-label .searchable-select-control input{padding-right:2.75rem}.searchable-select-list{z-index:20;overscroll-behavior:contain;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);max-height:min(18rem,45vh);margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + .3rem);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #17201b24}.searchable-select-option,.searchable-select-empty{border-radius:calc(var(--radius-control) - .2rem);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;padding:.55rem .7rem;font-weight:400;display:flex}.searchable-select-option{cursor:pointer}.searchable-select-option:hover,.searchable-select-option.is-active{color:var(--color-accent-strong);background:var(--color-accent-soft)}.searchable-select-option[aria-selected=true]{font-weight:750}.searchable-select-empty{color:var(--color-muted)}.zone-results{gap:.75rem;margin-top:.75rem;display:grid}.zone-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-canvas);gap:.55rem;min-width:0;padding:1rem;display:grid}.zone-card.is-working{border-color:var(--color-accent);background:var(--color-accent-soft)}.zone-card>div:first-child{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.zone-name{flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0;display:flex}.zone-reference-badge{color:var(--color-accent-strong);background:var(--color-surface);border-radius:999px;padding:.15rem .4rem;font-size:.72rem;font-weight:750}.zone-card small,.zone-card p{color:var(--color-muted)}.zone-card output{font-variant-numeric:tabular-nums;font-size:clamp(2rem,10vw,3rem);font-weight:850;line-height:1}.work-hours{width:fit-content;color:var(--color-muted);background:var(--color-surface);border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:750}.zone-actions{flex-wrap:wrap;gap:.4rem;padding-top:.25rem;display:flex}.qr-preview{border:1px solid var(--color-border);border-radius:var(--radius-control);background:#fff;width:min(100%,28rem);margin-inline:auto}.qr-result .warning-message{margin-top:.75rem}.compact-field{max-width:10rem}.mode-picker{border:0;flex-wrap:wrap;gap:.6rem;padding:0;display:flex}.mode-picker label{min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);cursor:pointer;align-items:center;gap:.45rem;padding:.45rem .75rem;display:flex}.picker-result{border-radius:var(--radius-card);background:var(--color-accent-soft);padding:clamp(1rem,4vw,1.5rem)}.picker-result h3{font-size:clamp(1.5rem,6vw,2.5rem)}.picker-result ol{gap:.75rem;padding:0;list-style:none;display:grid}.picker-result li{border-bottom:1px solid var(--color-border);gap:.2rem;padding-bottom:.65rem;display:grid}.picker-session-control,.picker-history{gap:.65rem;display:grid}.picker-history{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-canvas);padding:1rem}.picker-history ol{gap:.45rem;margin:0;padding-left:1.5rem;display:grid}.picker-history li{padding-left:.25rem}.picker-history li span{margin-right:.5rem;font-weight:750}.picker-history small{color:var(--color-muted)}.color-inputs{gap:.75rem;display:grid}.color-workbench{max-width:var(--tool-width);gap:1.25rem;display:grid}.color-inputs label{gap:.35rem;font-weight:700;display:grid}.color-inputs label>span{grid-template-columns:3.25rem 1fr;gap:.5rem;display:grid}.color-inputs input{min-width:0;min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);width:100%;padding:.45rem .65rem}.color-inputs input[type=color]{padding:.25rem}.swap-button{align-self:end}.error-message{color:var(--color-danger);border-left:4px solid var(--color-danger);background:var(--color-danger-soft);padding:.75rem 1rem}.contrast-layout{gap:1rem;display:grid}.color-preview{border:1px solid var(--color-border);border-radius:var(--radius-card);align-content:center;gap:.5rem;min-height:10rem;padding:clamp(1rem,5vw,2rem);display:grid}.color-preview strong{font-size:1.6rem}.contrast-result{gap:.5rem;margin:0;display:grid}.contrast-result>div{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:1rem;padding-block:.6rem;display:flex}.contrast-result dd{margin:0;font-weight:800}.contrast-layout details code{overflow-wrap:anywhere;padding-block:.35rem;display:block}.palette-section{gap:1rem;display:grid}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.swatch{border:1px solid var(--color-border);border-radius:var(--radius-control);gap:.4rem;min-width:0;padding:.6rem;display:grid}.swatch>input:not([type=checkbox]){width:100%;min-width:0;height:var(--control-height);min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-surface);padding:.6rem .7rem}.swatch-color-picker{border:1px solid var(--color-border);cursor:pointer;border-radius:.45rem;min-height:4rem;display:block;position:relative}.swatch-color-picker:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.swatch-color-picker input{cursor:pointer;opacity:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.swatch code{overflow-wrap:anywhere;font-size:.8rem}.swatch>input{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);width:100%;min-width:0;font-family:var(--font-mono,ui-monospace, monospace);padding:.45rem}.swatch label{align-items:center;gap:.4rem;font-size:.85rem;display:flex}.palette-simulation select{width:100%;min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-surface);padding:.6rem .7rem}.palette-audit{border-top:1px solid var(--color-border);gap:1rem;padding-top:1rem;display:grid}.segmented-control{flex-wrap:wrap;gap:.5rem;display:flex}.palette-audit-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.palette-audit-list>li{border:1px solid var(--color-border);border-radius:var(--radius-control);grid-template-columns:3.5rem minmax(0,1fr);align-items:center;gap:.65rem .85rem;padding:.75rem;display:grid}.palette-audit-list code{overflow-wrap:anywhere;color:var(--color-muted);font-size:.75rem;display:block}.pair-sample{border:1px solid var(--color-border);border-radius:.4rem;grid-template-columns:repeat(2,minmax(0,1fr));width:3.5rem;min-height:3.5rem;display:grid;overflow:hidden}.pair-sample>span{min-width:0}.pair-results{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .75rem;font-size:.8rem;display:grid}.timer-workbench{text-align:center;justify-items:stretch}.timer-workbench .workbench-heading{text-align:left}.timer-display{font-variant-numeric:tabular-nums;letter-spacing:-.06em;font-size:clamp(4rem,22vw,8rem);font-weight:800;line-height:1}.timer-actions{justify-content:center;gap:.75rem;display:flex}.timer-actions button{min-width:8rem;min-height:3.5rem}.timer-count{color:var(--color-muted)}.timer-count strong{color:var(--color-ink);font-size:1.5rem}.duration-grid{text-align:left;gap:.75rem;margin-block:1rem;display:grid}.duration-grid label{gap:.3rem;font-weight:700;display:grid}.duration-grid input{width:6rem;min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:.6rem .7rem}.timer-fullscreen{z-index:50;max-width:none;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));border:0;border-radius:0;align-content:center;position:fixed;inset:0}.typing-time{font-variant-numeric:tabular-nums;min-width:4rem;font-size:1.5rem;font-weight:800}.typing-options{gap:.75rem;display:grid}.typing-options label{gap:.35rem;font-weight:700;display:grid}.typing-options select{min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);padding:.6rem .7rem}.typing-source{scroll-behavior:auto;border:1px solid var(--color-border);border-radius:var(--radius-card);max-height:10rem;color:var(--color-muted);background:var(--color-canvas);padding:1rem;font-size:clamp(1.1rem,3vw,1.35rem);line-height:1.8;overflow-y:auto}.typing-storage-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.typing-bests{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-canvas);gap:.75rem;padding:1rem;display:grid}.typing-bests-heading{gap:.2rem;display:grid}.typing-bests-heading p{color:var(--color-muted);font-size:.875rem}.typing-best-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.typing-best-list li{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);grid-template-columns:2.75rem minmax(0,1fr) auto;align-items:center;gap:.35rem .75rem;min-width:0;padding:.75rem;display:grid}.typing-best-list li.is-current{border-color:var(--color-accent);background:var(--color-accent-soft)}.typing-best-rank,.typing-best-score{font-variant-numeric:tabular-nums}.typing-best-rank{color:var(--color-accent-strong);font-weight:800}.typing-best-context{min-width:0;display:grid}.typing-best-context span{color:var(--color-muted);font-size:.82rem}.typing-best-score{white-space:nowrap}.typing-best-current{color:var(--color-accent-strong);background:var(--color-surface);border-radius:999px;grid-column:2/-1;justify-self:start;padding:.15rem .45rem;font-size:.75rem;font-weight:750}.typed-correct{color:var(--color-accent-strong);text-decoration:underline 2px}.typing-current{color:var(--color-ink);background:#f7dc8a;box-shadow:0 0 0 2px #f7dc8a}.typing-results{border-radius:var(--radius-card);background:var(--color-accent-soft);padding:1rem}.typing-results dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.typing-results dl>div{border-radius:var(--radius-control);background:var(--color-surface);padding:.75rem}.typing-results dd{margin:0;font-size:1.6rem;font-weight:800}.typing-attempt-audit,.typing-review,.typing-practice{border-top:1px solid var(--color-border);gap:1rem;margin-top:1rem;padding-top:1rem;display:grid}.typing-attempt-audit>div{gap:.35rem;display:grid}.typing-source-static{color:var(--color-ink);white-space:pre-wrap;font-size:1rem;line-height:1.6}.typing-review ol{gap:.6rem;margin:0;padding-left:1.4rem;display:grid}.typing-review li{grid-template-columns:minmax(4rem,auto) 1fr;gap:.15rem .75rem;display:grid}.typing-review small{color:var(--color-muted);grid-column:1/-1}.file-picker{border:2px dashed var(--color-accent);border-radius:var(--radius-card);min-height:4rem;color:var(--color-accent-strong);background:var(--color-accent-soft);cursor:pointer;place-items:center;padding:1rem;font-weight:800;display:grid;position:relative}.file-picker input{opacity:0;width:1px;height:1px;position:absolute}.paste-picker{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-canvas);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.paste-picker:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.paste-picker p{color:var(--color-muted);flex:18rem}.single-image-preview{gap:.5rem;margin:0;display:grid;position:relative}.single-image-preview img{object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius-card);background:repeating-conic-gradient(#e5e5e5 0 25%, #fff 0 50%) 50% / 1rem 1rem;width:100%;max-height:28rem}.upload-crop-preview{--upload-preview-ratio:1;width:min(100%, calc(28rem * var(--upload-preview-ratio)));aspect-ratio:var(--upload-preview-ratio);border:1px solid var(--color-border);border-radius:var(--radius-card);background:repeating-conic-gradient(#e5e5e5 0 25%, #fff 0 50%) 50% / 1rem 1rem;touch-action:none;user-select:none;margin-inline:auto;position:relative;overflow:hidden}.upload-crop-preview.is-draggable{cursor:grab}.upload-crop-preview.is-draggable:active{cursor:grabbing}.single-image-preview .upload-crop-preview img{object-fit:fill;pointer-events:none;user-select:none;-webkit-user-drag:none;background:0 0;border:0;border-radius:0;max-width:none;max-height:none;position:absolute}.upload-drag-hint{text-align:center;margin:0}.single-image-preview figcaption{color:var(--color-muted);text-align:center;font-size:.85rem;font-weight:700}.result-differences{flex-wrap:wrap;gap:.5rem;margin:0;display:flex}.result-differences>div{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-canvas);flex:9rem;justify-content:space-between;gap:.65rem;min-width:0;padding:.55rem .7rem;font-size:.82rem;display:flex}.result-differences dt{color:var(--color-muted)}.result-differences dd{text-align:end;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;margin:0;display:flex}.result-differences strong{color:var(--color-accent-strong)}.result-limit{color:var(--color-accent-strong);font-weight:750}.constraint-grid input:disabled{cursor:not-allowed;opacity:.45}.image-inspection{gap:1rem;display:grid}.image-inspection img{object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius-card);background:repeating-conic-gradient(#e5e5e5 0 25%, #fff 0 50%) 50% / 1rem 1rem;width:100%;max-height:24rem}.image-inspection dl{margin:0}.image-inspection dl>div{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:1rem;padding-block:.55rem;display:flex}.image-inspection dd{margin:0;font-weight:700}.image-comparison{gap:1rem;display:grid}.comparison-stage{border:1px solid var(--color-border);border-radius:var(--radius-card);background:repeating-conic-gradient(#e5e5e5 0 25%, #fff 0 50%) 50% / 1rem 1rem;width:100%;position:relative;overflow:hidden}.comparison-stage>img,.comparison-after,.comparison-after img,.comparison-side-by-side img{width:100%;height:100%}.comparison-stage>img,.comparison-after img,.comparison-side-by-side img{object-fit:cover;transform-origin:50%;display:block}.comparison-after{position:absolute;inset:0;overflow:hidden}.comparison-label{color:#fff;background:#000000b3;border-radius:999px;padding:.25rem .5rem;font-size:.75rem;font-weight:800;position:absolute;top:.6rem}.comparison-label.is-before{left:.6rem}.comparison-label.is-after{right:.6rem}.comparison-side-by-side{gap:.75rem;display:grid}.comparison-side-by-side figure{text-align:center;gap:.4rem;margin:0;font-weight:750;display:grid}.comparison-side-by-side figure>div{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-canvas);overflow:hidden}.comparison-controls{grid-template-columns:auto minmax(7rem,1fr) auto;align-items:end;gap:.5rem;display:grid}.comparison-controls label{gap:.35rem;min-width:0;font-size:.8rem;font-weight:700;display:grid}.comparison-controls input{width:100%;min-height:var(--control-height)}.constraint-grid{gap:.75rem;display:grid}.constraint-grid label{gap:.35rem;font-weight:700;display:grid}.dimension-control{gap:.35rem;min-width:0;display:grid}.dimension-group{grid-column:1/-1;gap:.75rem;min-width:0;display:grid}.dimension-control>span{font-weight:700}.dimension-inputs{grid-template-columns:minmax(5.5rem,7rem) minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.constraint-grid input,.constraint-grid select{min-width:0;min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);width:100%;padding:.45rem .65rem}.constraint-grid input[type=range]{background:0 0;border:0;padding:0}.crop-availability{border-radius:var(--radius-control);color:var(--color-muted);background:var(--color-canvas);grid-column:1/-1;margin:0;padding:.65rem .75rem;font-size:.875rem}.processing-state,.upload-result{border-radius:var(--radius-card);background:var(--color-accent-soft);gap:1rem;padding:1rem;display:grid}.profile-preset-section,.profile-control-grid,.profile-output-grid{gap:.85rem;display:grid}.profile-output-grid{align-items:start}.profile-output-grid input[type=number],.profile-output-grid select{height:var(--control-height);min-height:var(--control-height)}.field-heading{font-weight:800}.profile-preset-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}button.profile-preset-chip{text-align:start;justify-items:start;gap:.1rem;width:100%;min-height:3.35rem;display:grid}button.profile-preset-chip[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent-strong);background:var(--color-accent-soft)}.profile-preset-chip small,.profile-preset-detail span{color:var(--color-muted);font-size:.75rem;font-weight:600}.profile-preset-detail{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-canvas);flex-wrap:wrap;align-items:center;gap:.35rem .75rem;padding:.65rem .75rem;display:flex}.profile-paste-zone{border:1px dashed var(--color-accent);border-radius:var(--radius-card);background:var(--color-accent-soft);gap:.75rem;padding:.9rem;display:grid}.profile-paste-zone:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.profile-paste-zone>p{color:var(--color-muted)}.profile-stage{aspect-ratio:1;border:2px solid var(--color-accent);border-radius:var(--radius-card);background:var(--color-canvas);width:min(100%,38rem);margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffffb3}.profile-stage canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.profile-stage canvas:active{cursor:grabbing}.profile-stage canvas:focus-visible{outline:4px solid var(--color-focus);outline-offset:-6px}.profile-circle-mask{pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 60vmax #0a140f7a}.profile-grid{opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000 33.1%,#ffffffa6 33.2% 33.6%,#0000 33.7% 66.3%,#ffffffa6 66.4% 66.8%,#0000 66.9%),linear-gradient(#0000 33.1%,#ffffffa6 33.2% 33.6%,#0000 33.7% 66.3%,#ffffffa6 66.4% 66.8%,#0000 66.9%);position:absolute;inset:0}.profile-stage:focus-within .profile-grid,.profile-stage:active .profile-grid{opacity:1}.profile-control-grid input[type=range]{width:100%;min-height:2.75rem}.profile-center-button{align-self:end}.profile-mask-picker{border:0;flex-wrap:wrap;gap:.55rem;padding:0;display:flex}.profile-mask-picker legend{width:100%;margin-bottom:.4rem;font-weight:800}.profile-output-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0;display:grid}.profile-output-summary>div{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-canvas);min-width:0;padding:.7rem}.profile-output-summary dt{color:var(--color-muted);font-size:.78rem}.profile-output-summary dd{overflow-wrap:anywhere;margin:0;font-size:1.1rem;font-weight:800}.profile-download-actions{flex-wrap:wrap;gap:.75rem;display:flex}.profile-download-actions>*{flex:14rem}@media (width>=30rem){.time-mode-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=40rem){.paired-fields,.qr-options{grid-template-columns:repeat(2,minmax(0,1fr))}.converter-grid{grid-template-columns:minmax(8rem,1fr) minmax(8rem,1fr) auto minmax(8rem,1fr)}.zone-adder{grid-template-columns:minmax(12rem,1fr) auto;align-items:end}.zone-adder legend{grid-column:1/-1}.zone-adder>button{width:auto}.zone-results{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.comparison-side-by-side,.typing-options{grid-template-columns:repeat(2,minmax(0,1fr))}.typing-results dl{grid-template-columns:repeat(4,minmax(0,1fr))}.image-inspection{grid-template-columns:minmax(0,1.3fr) minmax(15rem,.8fr)}.constraint-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-preset-chips{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-control-grid,.profile-output-grid,.dimension-group{grid-template-columns:repeat(2,minmax(0,1fr))}.board-target-field{grid-template-columns:minmax(0,1fr) minmax(10rem,14rem)}.duration-grid{grid-template-columns:repeat(3,1fr)}}.guide-layout{max-width:var(--tool-width);gap:2rem;margin-top:clamp(3rem,8vw,5rem);display:grid}.tool-explainer{max-width:var(--tool-width);gap:1rem;margin-top:clamp(2.5rem,7vw,4.5rem);display:grid}.tool-explainer>div{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:clamp(1.1rem,4vw,1.6rem)}.tool-explainer h2{margin-bottom:.75rem;font-size:clamp(1.25rem,4vw,1.55rem)}.tool-explainer p,.tool-explainer ul{color:var(--color-muted);margin-bottom:0}.tool-explainer li+li{margin-top:.5rem}.guide-layout section,.guide-layout aside{max-width:var(--reading-width)}.guide-layout li+li{margin-top:.65rem}.guide-layout aside{border-left:4px solid var(--color-accent);background:var(--color-accent-soft);padding:1.25rem}.guide-layout aside p{margin-bottom:0}.priority-guide{max-width:var(--tool-width);gap:1rem;margin-top:2rem;display:grid}.priority-guide>div,.priority-guide>aside{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:clamp(1.1rem,4vw,1.6rem)}.priority-guide>aside{border-left:4px solid var(--color-accent);background:var(--color-accent-soft)}.priority-guide h2{margin-bottom:.75rem;font-size:clamp(1.2rem,4vw,1.45rem)}.priority-guide p{color:var(--color-muted);margin-bottom:0}.priority-guide a{margin-top:1rem;font-weight:700;display:inline-flex}.related-tools{margin-top:clamp(3rem,8vw,5rem)}.related-tools>div{gap:.75rem;display:grid}.related-tools a{border-bottom:1px solid var(--color-border);color:var(--color-ink);align-items:center;gap:.75rem;padding-block:.75rem;text-decoration:none;display:flex}.related-tools a small{color:var(--color-muted);display:block}.related-tool-icon{width:2.5rem;height:2.5rem;color:var(--color-accent);background:var(--color-accent-soft);border-radius:.7rem;flex:none;place-items:center;display:grid}.site-footer{border-top:1px solid var(--color-border);color:var(--color-muted);gap:1.5rem;margin-top:4rem;padding-block:2rem;display:grid}.site-footer p{margin:.5rem 0 0}.footer-policy-links{align-content:start}.footer-policy-links a[aria-current=page]{color:var(--color-ink);font-weight:700}.policy-page{overflow-wrap:anywhere;width:min(100%,48rem);margin-inline:auto}.policy-header{border-bottom:1px solid var(--color-border);padding-block:clamp(1.5rem,5vw,3rem) 1.5rem}.policy-header h1{margin-block:.35rem .75rem;font-size:clamp(2rem,7vw,3.5rem);line-height:1.05}.policy-intro{max-width:68ch;font-size:clamp(1rem,2.5vw,1.15rem);line-height:1.7}.policy-review{color:var(--color-muted);font-size:.875rem}.policy-sections section{border-bottom:1px solid var(--color-border);padding-block:1.75rem;scroll-margin-top:6rem}.policy-sections h2{margin-top:0;font-size:clamp(1.3rem,4vw,1.75rem)}.policy-sections p,.policy-sections li{line-height:1.7}.policy-sections li+li{margin-top:.55rem}.policy-links{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.persisted-data-note{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:.75rem;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;margin-block:1rem 2rem;padding:.9rem 1rem;display:flex}.persisted-data-note p{margin:0}.site-footer nav{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.footer-note{font-size:.875rem}@media (width>=40rem){.tool-grid,.home-explainer,.related-tools>div{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-layout{grid-template-columns:minmax(0,1.45fr) minmax(16rem,.8fr)}.tool-explainer,.priority-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.priority-guide>aside{grid-column:1/-1}.counter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-inputs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.contrast-layout{grid-template-columns:minmax(0,1.3fr) minmax(16rem,1fr)}.palette-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.site-footer{grid-template-columns:1fr auto}.footer-note{grid-column:1/-1}}@media (width>=60rem){.tools-menu{position:relative}.language-menu{display:block}.language-short{display:none}.language-full,.tools-menu-label{display:inline}.popover{width:13rem;top:calc(100% + .4rem)}.tools-menu .mobile-sheet{width:min(48rem,100vw - 2rem);top:calc(100% + .4rem)}.tool-menu-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference){a,button{transition:border-color .14s}}@media (forced-colors:active){:focus-visible{outline-color:highlight}.brand-mark{outline-offset:-1px;outline:1px solid buttontext}.brand-pronto{color:linktext}}.offline-body{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));place-items:center;margin:0;display:grid}.offline-card{border:1px solid var(--color-border);border-radius:var(--radius-workbench);background:var(--color-surface);width:min(100%,34rem);box-shadow:var(--shadow-workbench);padding:clamp(1.5rem,6vw,3rem)}.offline-card h1{margin-block:.5rem 1rem;font-size:clamp(1.75rem,8vw,2.6rem)}.offline-detail{color:var(--color-muted)}.offline-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}