/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--text-xs:.75rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.grow{flex-grow:1}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Archivo HTH;src:url(/fonts/archivo-wide-800.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Atkinson HTH;src:url(/fonts/atkinson-next-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson HTH;src:url(/fonts/atkinson-next-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains HTH;src:url(/fonts/jetbrains-mono-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--color-bg:#fff6ee;--color-surface:#fffcf7;--color-sunken:#f8ece2;--color-ink:#292222;--color-muted:#66564f;--color-line:#e3d2c4;--color-line-strong:#c9b3a3;--color-edge:#44362d;--color-accent:#006e16;--color-accent-strong:#005a12;--color-accent-soft:#e4eed8;--color-on-accent:#fff;--color-coral:#ff8084;--color-coral-hover:#ff969a;--color-on-coral:#292222;--color-rose:#b58383;--color-rose-soft:#f5e4dc;--color-danger:#9b3328;--color-danger-soft:#ffe7e0;--color-danger-line:#d48777;--color-success:#006e16;--color-success-soft:#e4eed8;--color-focus:#006e16;--color-shadow:#44362d;--color-shadow-soft:#44362d22;--color-backdrop:#29222266;--color-dot:#ad85761a;--cat-images:#1f5a85;--cat-images-bg:#dceaf4;--cat-pdfs:#923c3b;--cat-pdfs-bg:#ffe0db;--cat-text:#5f5326;--cat-text-bg:#f7edc4;--cat-developer:#655047;--cat-developer-bg:#ebd9cd;--cat-everyday:#006e16;--cat-everyday-bg:#e4eed8;--cat-media:#6b3f7a;--cat-media-bg:#eedff1;--font-display:"Archivo HTH","Arial Narrow","Helvetica Neue",Arial,sans-serif;--font-body:"Atkinson HTH","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;--font-mono:"JetBrains HTH",ui-monospace,"SF Mono",Consolas,monospace;--text-2xs:11px;--text-xs:12.5px;--text-s:14px;--text-m:16px;--text-l:18px;--text-xl:clamp(20px,1.4vw + 14px,23px);--text-2xl:clamp(26px,2.2vw + 16px,34px);--text-3xl:clamp(32px,3.4vw + 16px,50px);--text-hero:clamp(40px,3.3vw + 18px,66px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:56px;--space-10:80px;--radius-s:3px;--radius-m:6px;--radius-l:10px;--radius-pill:999px;--shadow-s:2px 2px 0 var(--color-shadow);--shadow-m:4px 4px 0 var(--color-shadow);--shadow-l:6px 6px 0 var(--color-shadow);--shadow-float:0 18px 50px -18px var(--color-shadow-soft),0 2px 0 var(--color-line);--header-h:76px;--page-max:1240px;--tool-max:1180px;--gutter:40px;--bg:var(--color-bg);--surface:var(--color-surface);--ink:var(--color-ink);--muted:var(--color-muted);--line:var(--color-line);--edge:var(--color-edge);--blue:var(--color-accent);--green:var(--color-accent);--coral:var(--color-coral);--rose:var(--color-rose);--soft:var(--color-rose-soft);--green-soft:var(--color-accent-soft);--shadow:var(--shadow-m);color-scheme:light}html[data-theme=dark]{--color-bg:#1b1715;--color-surface:#25201d;--color-sunken:#171311;--color-ink:#f6ece3;--color-muted:#c7b4a8;--color-line:#3f3530;--color-line-strong:#5c4d44;--color-edge:#a8917f;--color-accent:#97d790;--color-accent-strong:#b3e5ad;--color-accent-soft:#263424;--color-on-accent:#11200f;--color-coral:#ff8f8a;--color-coral-hover:#ffa8a4;--color-on-coral:#241a19;--color-rose:#cf9f9f;--color-rose-soft:#362a27;--color-danger:#ffc2b5;--color-danger-soft:#45231e;--color-danger-line:#b8695a;--color-success:#97d790;--color-success-soft:#263424;--color-focus:#b3e5ad;--color-shadow:#0b0908;--color-shadow-soft:#00000080;--color-backdrop:#0b0908b3;--color-dot:#c9a18a10;--cat-images:#a9d3f2;--cat-images-bg:#20343f;--cat-pdfs:#ffb8ae;--cat-pdfs-bg:#432824;--cat-text:#f0db8c;--cat-text-bg:#3c361d;--cat-developer:#e6cbbb;--cat-developer-bg:#3d312a;--cat-everyday:#a3dd9e;--cat-everyday-bg:#263424;--cat-media:#e2bdf0;--cat-media-bg:#382a40;color-scheme:dark}@media (prefers-color-scheme:dark){html:not([data-theme]){--color-bg:#1b1715;--color-surface:#25201d;--color-sunken:#171311;--color-ink:#f6ece3;--color-muted:#c7b4a8;--color-line:#3f3530;--color-line-strong:#5c4d44;--color-edge:#a8917f;--color-accent:#97d790;--color-accent-strong:#b3e5ad;--color-accent-soft:#263424;--color-on-accent:#11200f;--color-coral:#ff8f8a;--color-coral-hover:#ffa8a4;--color-on-coral:#241a19;--color-rose:#cf9f9f;--color-rose-soft:#362a27;--color-danger:#ffc2b5;--color-danger-soft:#45231e;--color-danger-line:#b8695a;--color-success:#97d790;--color-success-soft:#263424;--color-focus:#b3e5ad;--color-shadow:#0b0908;--color-shadow-soft:#00000080;--color-backdrop:#0b0908b3;--color-dot:#c9a18a10;--cat-images:#a9d3f2;--cat-images-bg:#20343f;--cat-pdfs:#ffb8ae;--cat-pdfs-bg:#432824;--cat-text:#f0db8c;--cat-text-bg:#3c361d;--cat-developer:#e6cbbb;--cat-developer-bg:#3d312a;--cat-everyday:#a3dd9e;--cat-everyday-bg:#263424;--cat-media:#e2bdf0;--cat-media-bg:#382a40;color-scheme:dark}}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 24px);-webkit-text-size-adjust:100%}body{color:var(--color-ink);background-color:var(--color-bg);background-image:radial-gradient(var(--color-dot) .8px,transparent .8px);font-family:var(--font-body);font-size:var(--text-m);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-size:8px 8px;margin:0;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:800;font-stretch:112%;line-height:1.12}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}a,button,input,select,summary,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}svg{flex-shrink:0}kbd{font-family:var(--font-mono)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:2px}::selection{background:var(--color-accent-soft);color:var(--color-ink)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{width:100%;max-width:var(--page-max);padding-inline:var(--gutter);margin-inline:auto}.desktop{display:inline}button{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;color:var(--color-ink);background:var(--color-surface);border:1.5px solid var(--color-line-strong);border-radius:var(--radius-m);font-weight:700;font-size:var(--text-s);cursor:pointer;padding:9px 16px;line-height:1.2;transition:background-color .15s,border-color .15s,transform .12s,box-shadow .12s;display:inline-flex}button:hover:not(:disabled){border-color:var(--color-edge);background:var(--color-sunken)}button:disabled{opacity:.5;cursor:not-allowed}.btn,.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:46px;color:var(--color-on-coral);background:var(--color-coral);border:1.5px solid var(--color-edge);border-radius:var(--radius-m);box-shadow:var(--shadow-s);font-weight:700;font-size:var(--text-s);padding:11px 20px;line-height:1.2;display:inline-flex}.btn:hover:not(:disabled),.button:hover:not(:disabled){background:var(--color-coral-hover);border-color:var(--color-edge);color:var(--color-on-coral)}.btn:active:not(:disabled),.button:active,button:active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}.btn.secondary,.btn.secondary:hover:not(:disabled){color:var(--color-accent);background:var(--color-accent-soft)}.btn.secondary:hover:not(:disabled){border-color:var(--color-accent)}.btn.tertiary{color:var(--color-ink);border-color:var(--color-line-strong);box-shadow:none;background:0 0}.btn.tertiary:hover:not(:disabled){background:var(--color-sunken);color:var(--color-ink)}.icon-button{background:0 0;border-color:#0000;min-width:44px;padding:9px}.text-link{color:var(--color-accent);text-underline-offset:4px;align-items:center;gap:6px;font-weight:700;text-decoration:underline;display:inline-flex}input,select,textarea{min-width:0;max-width:100%;min-height:46px;color:var(--color-ink);background:var(--color-surface);border:1.5px solid var(--color-line-strong);border-radius:var(--radius-m);padding:10px 13px;transition:border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{border-color:var(--color-edge)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft),0 0 0 4.5px var(--color-accent);outline:none}input::placeholder,textarea::placeholder{color:var(--color-muted);opacity:.9}textarea{resize:vertical;width:100%;min-height:180px;font-family:var(--font-mono);font-size:14px;font-weight:600;line-height:1.65}select{cursor:pointer}input[type=checkbox],input[type=radio]{width:19px;height:19px;min-height:0;accent-color:var(--color-accent);flex-shrink:0;padding:0}input[type=range]{accent-color:var(--color-accent);box-shadow:none;background:0 0;border:0;min-height:32px;padding-inline:0}input[type=range]:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;box-shadow:none}input[type=color]{cursor:pointer;min-width:64px;padding:4px}input[type=file]{width:100%;font-size:var(--text-s);white-space:normal;overflow-wrap:anywhere;background:var(--color-surface);padding:8px}input[type=file]::file-selector-button{border:1.5px solid var(--color-edge);border-radius:var(--radius-s);background:var(--color-accent-soft);color:var(--color-accent);cursor:pointer;margin-right:12px;padding:8px 14px;font-weight:700}.field,.input-group{gap:var(--space-2);min-width:0;margin-bottom:var(--space-5);font-size:var(--text-s);flex-direction:column;display:flex}.field,.input-group label,.input-group>span{font-weight:700}.field input,.field select,.field textarea,.input-group input,.input-group select,.input-group textarea{width:100%;font-weight:400}.field textarea,.input-group textarea{font-weight:600}.eyebrow{align-items:center;gap:var(--space-2);font:600 var(--text-2xs)/1.3 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);display:inline-flex}.dot{background:var(--color-accent);width:8px;height:8px;box-shadow:3px 3px 0 var(--color-rose);flex-shrink:0}kbd{min-width:22px;color:var(--color-muted);background:var(--color-bg);border-radius:var(--radius-s);border:solid var(--color-line-strong);border-width:1px 1px 2px;padding:2px 6px;font-size:11px;line-height:1.4}.category-icon,kbd{justify-content:center;align-items:center;display:inline-flex}.category-icon{width:42px;height:42px;color:var(--cat-everyday);background:var(--cat-everyday-bg);border:1px solid}@supports (color:color-mix(in lab,red,red)){.category-icon{border:1px solid color-mix(in srgb,currentColor 30%,transparent)}}.category-icon{border-radius:var(--radius-m);flex-shrink:0}.category-icon.images{color:var(--cat-images);background:var(--cat-images-bg)}.category-icon.pdfs{color:var(--cat-pdfs);background:var(--cat-pdfs-bg)}.category-icon.text{color:var(--cat-text);background:var(--cat-text-bg)}.category-icon.developer{color:var(--cat-developer);background:var(--cat-developer-bg)}.category-icon.everyday{color:var(--cat-everyday);background:var(--cat-everyday-bg)}.category-icon.media{color:var(--cat-media);background:var(--cat-media-bg)}.category-dot{background:var(--cat-everyday);border-radius:2px;flex-shrink:0;width:10px;height:10px}.category-dot.images{background:var(--cat-images)}.category-dot.pdfs{background:var(--cat-pdfs)}.category-dot.text{background:var(--cat-text)}.category-dot.developer{background:var(--cat-developer)}.category-dot.everyday{background:var(--cat-everyday)}.category-dot.media{background:var(--cat-media)}.alert,.notice{margin:var(--space-4) 0;color:var(--color-ink);background:var(--color-rose-soft);border:1px solid var(--color-line);border-left:4px solid var(--color-rose);border-radius:var(--radius-m);font-size:var(--text-s);overflow-wrap:anywhere;padding:14px 16px;line-height:1.55}.alert{align-items:flex-start;gap:var(--space-2);display:flex}.alert svg,.notice svg{margin-top:2px}.alert-error,.error,.notice.error{color:var(--color-danger);background:var(--color-danger-soft);border-left:1px solid var(--color-danger-line);border:1px solid var(--color-danger-line);border-left-width:4px;border-radius:var(--radius-m);font-size:var(--text-s);overflow-wrap:anywhere;padding:13px 16px}.alert-success{color:var(--color-success);background:var(--color-success-soft);border-color:var(--color-accent);border-left-color:var(--color-accent)}details{border-bottom:1px solid var(--color-line);padding-block:var(--space-3)}summary{align-items:center;gap:var(--space-2);cursor:pointer;min-height:32px;font-weight:700;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:before{content:"";border-right:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);flex-shrink:0;width:8px;height:8px;margin-right:4px;transition:transform .15s;transform:rotate(-45deg)}details[open]>summary:before{transform:rotate(45deg)}details p{margin-top:var(--space-2);color:var(--color-muted)}.skip{z-index:100;background:var(--color-surface);border:2px solid var(--color-edge);border-radius:var(--radius-m);padding:12px 20px;font-weight:700;position:absolute;top:-100px;left:12px}.skip:focus{top:10px}.site-header{z-index:40;background:var(--color-surface);position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.site-header{background:color-mix(in srgb,var(--color-surface) 94%,transparent)}}.site-header{border-top:5px solid var(--color-accent);border-bottom:1.5px solid var(--color-edge);-webkit-backdrop-filter:saturate(1.2)blur(6px);backdrop-filter:saturate(1.2)blur(6px)}.nav{min-height:var(--header-h);justify-content:space-between;gap:var(--space-6);position:relative}.brand,.nav{align-items:center;display:flex}.brand{gap:var(--space-3);font-family:var(--font-display);letter-spacing:-.01em;font-size:21px;font-weight:800;font-stretch:112%;line-height:1.1}.brand-logo{flex-shrink:0;width:74px;height:auto}.brand small{color:var(--color-muted);font:600 9.5px/1 var(--font-mono);letter-spacing:.16em;margin-top:5px;font-stretch:100%;display:block}.nav-actions{gap:var(--space-2)}.nav-actions,.nav-actions>nav{align-items:center;display:flex}.nav-actions>nav{gap:var(--space-1);margin-right:var(--space-2);font-size:var(--text-s);font-weight:700}.nav-actions>nav a{border-radius:var(--radius-m);align-items:center;gap:6px;min-height:44px;padding-inline:12px;display:inline-flex}.nav-actions>nav .nav-tools,.nav-actions>nav a:hover{color:var(--color-accent);background:var(--color-accent-soft)}.nav-actions>nav .nav-tools{border:1.5px solid var(--color-edge);box-shadow:var(--shadow-s);margin-right:var(--space-2)}.search-trigger{gap:var(--space-2);border:1.5px solid var(--color-line-strong);background:var(--color-bg);color:var(--color-muted);padding-inline:12px;font-weight:700}.search-trigger:hover:not(:disabled){color:var(--color-ink)}.search-trigger kbd{min-width:20px;padding:0 5px}.theme-toggle{border:1.5px solid var(--color-line-strong);background:var(--color-bg)}.menu-toggle{display:none}.offline{align-items:center;gap:var(--space-2);background:var(--color-rose-soft);border-bottom:1px solid var(--color-line);font-size:var(--text-s);padding:10px 20px}.offline,.palette-backdrop{justify-content:center;display:flex}.palette-backdrop{z-index:60;background:var(--color-backdrop);align-items:flex-start;padding:max(10vh,56px) 16px 16px;position:fixed;inset:0}.palette{background:var(--color-surface);border:1.5px solid var(--color-edge);border-radius:var(--radius-l);width:min(640px,100%);max-height:min(560px,80vh);box-shadow:var(--shadow-l);flex-direction:column;display:flex;overflow:hidden}.palette-box{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-line);color:var(--color-accent);padding:8px 8px 8px 18px;display:flex}.palette-box input{font-size:var(--text-l);color:var(--color-ink);background:0 0;border:0;flex:1;padding-inline:0}.palette-box input:focus-visible{box-shadow:none}.palette-results{padding:var(--space-2);overflow-y:auto}.palette-hint{border-top:1px solid var(--color-line);color:var(--color-muted);font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:6px;padding:10px 18px;display:flex}.palette-results a,.quick-results a{align-items:center;gap:var(--space-3);border-radius:var(--radius-m);grid-template-columns:auto minmax(0,1fr) auto;padding:10px 12px;display:grid}.palette-results a strong,.quick-results a strong{font-size:var(--text-m);display:block}.palette-results a small,.quick-results a small{color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.palette-results a.active,.palette-results a:hover,.quick-results a.active,.quick-results a:hover{background:var(--color-accent-soft)}.palette-results a svg,.quick-results a svg{color:var(--color-accent)}.quick-empty{color:var(--color-muted);font-size:var(--text-s);padding:14px 12px}.site-footer{margin-top:var(--space-9);background:var(--color-surface);border-top:1.5px solid var(--color-edge)}.footer-inner{gap:var(--space-8);padding-block:var(--space-9) var(--space-8);grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));display:grid}.footer-brand{align-items:flex-start;gap:var(--space-4);display:flex}.footer-brand img{flex-shrink:0;width:84px}.footer-brand strong{font-family:var(--font-display);font-size:20px;font-stretch:112%;line-height:1.2;display:block}.footer-brand p{color:var(--color-muted);font-size:var(--text-s);margin-top:6px}.footer-brand .footer-note{font:600 var(--text-2xs)/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.footer-links{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.footer-links h2{margin-bottom:var(--space-2);font:600 var(--text-2xs)/1.3 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);font-stretch:100%}.footer-links a{min-height:36px;font-size:var(--text-s);align-items:center;gap:4px;font-weight:700;display:inline-flex}.footer-links a:hover{color:var(--color-accent);text-underline-offset:4px;text-decoration:underline}.hero{align-items:center;gap:var(--space-9);padding-block:var(--space-10) var(--space-9);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);display:grid}.hero-main{gap:var(--space-5);min-width:0;display:grid}.hero h1{font-size:var(--text-hero);letter-spacing:-.02em;line-height:1.02}.hero h1 span{color:var(--color-accent)}.hero-lead{max-width:54ch;color:var(--color-muted);font-size:var(--text-l);line-height:1.6}.finder{margin-top:var(--space-2);position:relative}.finder-box{align-items:center;gap:var(--space-3);background:var(--color-surface);border:2px solid var(--color-edge);border-radius:var(--radius-l);box-shadow:var(--shadow-m);color:var(--color-accent);padding:6px 14px 6px 18px;display:flex}.finder-box:focus-within{box-shadow:var(--shadow-m),0 0 0 4px var(--color-accent-soft);border-color:var(--color-accent)}.finder-box input{min-height:56px;font-size:var(--text-l);color:var(--color-ink);background:0 0;border:0;flex:1;padding-inline:0}.finder-box input:focus-visible{box-shadow:none}input[type=search]::-webkit-search-cancel-button{appearance:none;cursor:pointer;background:var(--color-muted);width:16px;height:16px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") 50%/contain no-repeat}.quick-results{z-index:20;padding:var(--space-2);background:var(--color-surface);border:1.5px solid var(--color-edge);border-radius:var(--radius-l);box-shadow:var(--shadow-float);position:absolute;top:calc(100% + 8px);left:0;right:0}.quick-more{border-top:1px solid var(--color-line);color:var(--color-accent);font-size:var(--text-s);margin-top:4px;padding:10px 12px;font-weight:700;display:block}.quick-picks{align-items:center;gap:var(--space-2);font-size:var(--text-s);flex-wrap:wrap;display:flex}.quick-picks>span{color:var(--color-muted);margin-right:2px;font-weight:700}.quick-picks a{background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);padding:6px 12px;font-weight:700}.quick-picks a:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.cabinet{padding:var(--space-5);background:var(--color-sunken);border:1.5px solid var(--color-edge);border-radius:var(--radius-l);box-shadow:var(--shadow-l)}.cabinet-label{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--color-muted);font:600 var(--text-2xs)/1 var(--font-mono);letter-spacing:.16em;display:flex}.drawers{gap:var(--space-2);display:grid}.drawer{align-items:center;gap:var(--space-3);text-align:left;background:var(--color-surface);border:1.5px solid var(--color-line-strong);border-radius:var(--radius-m);width:100%;min-height:62px;box-shadow:0 2px 0 var(--color-line-strong);grid-template-columns:auto minmax(0,1fr) auto;padding:9px 12px;font-weight:400;display:grid}.drawer:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-edge);box-shadow:var(--shadow-s);transform:translate(-1px,-1px)}.drawer .category-icon{width:38px;height:38px}.drawer-text strong{font-size:var(--text-m);display:block}.drawer-text small{color:var(--color-muted);font-size:var(--text-xs);display:block}.drawer-count{text-align:center;min-width:36px;color:var(--color-ink);background:var(--color-bg);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);font:600 var(--text-xs)/1.4 var(--font-mono);padding:3px 8px}.benefits{justify-content:space-between;gap:var(--space-4) var(--space-6);padding-block:var(--space-5);border-block:1.5px solid var(--color-edge);font-size:var(--text-s);flex-wrap:wrap;display:flex}.benefits>span{align-items:center;gap:var(--space-2);display:flex}.benefits svg{color:var(--color-accent)}.directory{padding-block:var(--space-9) var(--space-6)}.section-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-6);margin-bottom:var(--space-6);display:flex}.section-heading h2{margin:var(--space-2) 0;font-size:var(--text-2xl)}.section-heading p,.tool-count{color:var(--color-muted)}.tool-count{border:2px dashed var(--color-rose);border-radius:var(--radius-s);font:600 9.5px/1.2 var(--font-mono);letter-spacing:.12em;flex-direction:column;flex-shrink:0;align-items:center;padding:10px 18px;display:flex;transform:rotate(2.5deg)}.tool-count strong{font:800 38px/1 var(--font-display);color:var(--color-accent);letter-spacing:0;margin-bottom:4px;font-stretch:112%}.tabs{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.tabs button{min-height:40px;font-size:var(--text-s);background:var(--color-surface);border-color:var(--color-line-strong);border-radius:var(--radius-pill);padding:7px 14px}.tabs .active,.tabs button[aria-pressed=true],.unit-btn.active{color:var(--color-accent);background:var(--color-accent-soft);border-color:var(--color-accent);box-shadow:2px 2px 0 var(--color-accent)}.results-heading{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.results-heading h3{font-size:var(--text-xl)}.results-heading>span{color:var(--color-muted);font:600 var(--text-xs) var(--font-mono)}.shelf+.shelf{margin-top:var(--space-8)}.shelf-title{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1.5px solid var(--color-line-strong);font-size:var(--text-xl);display:flex}.shelf-title .category-icon{width:32px;height:32px}.shelf-title>span:last-child{color:var(--color-muted);font:600 var(--text-xs) var(--font-mono);letter-spacing:0;margin-left:auto}.tool-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.tool-card{min-width:0;padding:var(--space-5);background:var(--color-surface);border:1.5px solid var(--color-line-strong);border-radius:var(--radius-l);flex-direction:column;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.tool-card:hover{border-color:var(--color-edge);box-shadow:var(--shadow-m);transform:translate(-2px,-2px)}.tool-card:has(a:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}.tool-card a:focus-visible{outline:none}.tool-card a:after{content:"";border-radius:inherit;position:absolute;inset:0}.tool-card.unavailable{background:0 0;border-style:dashed}.tool-card.unavailable:hover{box-shadow:none;transform:none}.tool-card.unavailable .card-bottom span:last-child{color:var(--color-danger);font-weight:700}.card-top{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.favorite{z-index:2;min-width:38px;min-height:38px;color:var(--color-muted);border-radius:var(--radius-pill);position:relative}.favorite:hover:not(:disabled){border-color:#0000}.favorite:hover:not(:disabled),.favorite[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-accent)}.tool-card h3{justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:6px;font-size:19px;line-height:1.2;display:flex}.tool-card h3 svg{color:var(--color-accent);margin-top:2px;transition:transform .15s}.tool-card:hover h3 svg{transform:translate(2px,-2px)}.tool-card p{margin-bottom:var(--space-4);color:var(--color-muted);font-size:var(--text-s);line-height:1.55}.card-bottom{padding-top:var(--space-3);border-top:1px dashed var(--color-line-strong);color:var(--color-muted);font:600 var(--text-2xs)/1.3 var(--font-mono);letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:auto;display:flex}.card-bottom span:last-child:before{content:"▪";color:var(--color-accent);margin-right:5px}.history-controls{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);font-size:var(--text-s);flex-wrap:wrap;display:flex}.history-controls label{align-items:center;gap:var(--space-2);display:flex}.empty{justify-items:center;gap:var(--space-3);text-align:center;padding:var(--space-9) var(--space-5);border:2px dashed var(--color-line-strong);border-radius:var(--radius-l);display:grid}.empty svg{color:var(--color-muted)}.empty h3{font-size:var(--text-xl)}.empty p{color:var(--color-muted)}.promise{justify-content:space-between;align-items:center;gap:var(--space-7);margin-top:var(--space-9);padding:var(--space-7);background:var(--color-accent-soft);border:1.5px solid var(--color-edge);border-radius:var(--radius-l);box-shadow:var(--shadow-m);display:flex}.promise h2{margin:var(--space-2) 0;font-size:var(--text-2xl)}.promise p{color:var(--color-muted);max-width:56ch}.promise a{align-items:center;gap:var(--space-2);color:var(--color-accent);text-underline-offset:4px;white-space:nowrap;font-weight:700;text-decoration:underline;display:inline-flex}.tool-page{max-width:var(--tool-max);padding-block:var(--space-8) var(--space-9)}.breadcrumb{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);color:var(--color-muted);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.breadcrumb a{text-underline-offset:3px;font-weight:700;text-decoration:underline}.breadcrumb a:hover{color:var(--color-accent)}.tool-frame-top .eyebrow,.tool-page .eyebrow{color:var(--color-bg);background:var(--color-ink);border-radius:var(--radius-s);letter-spacing:.12em;padding:5px 9px}.tool-page h1{margin:var(--space-4) 0 var(--space-3);font-size:var(--text-3xl)}.lead{max-width:64ch;margin-bottom:var(--space-4);color:var(--color-muted);font-size:var(--text-l)}.privacy-note{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);color:var(--color-accent);background:var(--color-accent-soft);border:1px solid var(--color-accent);padding:5px 12px 5px 9px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.privacy-note{border:1px solid color-mix(in srgb,var(--color-accent) 35%,transparent)}}.privacy-note{border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700}.tool-page>.notice[role=note]{margin-bottom:var(--space-6)}.workbench{min-width:0;padding:var(--space-7);background:var(--color-surface);border:1.5px solid var(--color-edge);border-top:6px solid var(--color-rose);border-radius:var(--radius-l);box-shadow:var(--shadow-m);position:relative}.workbench+.workbench{margin-top:var(--space-6)}.workbench h2{margin-bottom:var(--space-4);font-size:var(--text-xl)}.workbench h3{margin-block:var(--space-4) var(--space-2);font-size:var(--text-l)}.bench{padding:0}.bench-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}.pane{min-width:0;padding:var(--space-6) var(--space-7) var(--space-7)}.pane-result{background:var(--color-sunken);border-left:1.5px dashed var(--color-line-strong);border-radius:0 0 var(--radius-l) 0}.pane-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-line);color:var(--color-muted);font:600 var(--text-2xs)/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;display:flex}.pane-head>span:first-child{color:var(--color-ink)}.pane-ready{color:var(--color-accent)}.bench-fieldset{border:0;min-width:0;margin:0;padding:0}.bench-actions{margin-bottom:0}.bench-status:empty{display:none}.bench-status{margin-bottom:var(--space-3);color:var(--color-accent);font-weight:700;font-size:var(--text-s)}.result-empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-muted);border:1.5px dashed var(--color-line-strong);border-radius:var(--radius-m);justify-items:center;gap:6px;display:grid}.result-empty svg{color:var(--color-rose);margin-bottom:4px}.result-empty p{color:var(--color-ink);font-weight:700}.result-empty small{font-size:var(--text-xs);max-width:32ch}.resize-controls,.settings,.settings-group{align-items:start;gap:var(--space-2) var(--space-4);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.currency-selection-group,.unit-selection-group{align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.currency-selection-group>.input-group,.unit-selection-group>.input-group{flex:1;min-width:150px}.actions{align-items:center;gap:var(--space-3);margin:var(--space-5) 0;flex-wrap:wrap;display:flex}.output{min-width:0}.base64-output,.html-output,.json-output,.output pre,.preview-text,.workbench pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:460px;padding:var(--space-4);font:600 13.5px/1.7 var(--font-mono);color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-m);margin:0;overflow:auto}.image-preview img,.output img,.preview-container img,.result-preview img{object-fit:contain;background:repeating-conic-gradient(#e9e2dc 0 25%,#fff 0 50%) 0 0/16px 16px;border:1px solid var(--color-line-strong);border-radius:var(--radius-s);max-width:100%;height:auto;max-height:420px;margin-bottom:var(--space-3);display:block}.output audio{width:100%;margin-bottom:var(--space-3)}.output-item{padding-block:var(--space-4);border-bottom:1px dashed var(--color-line-strong);overflow-wrap:anywhere;gap:4px;display:grid}.output-item:first-child{padding-top:0}.output-item a{min-height:40px;color:var(--color-on-accent);background:var(--color-accent);border:1.5px solid var(--color-edge);border-radius:var(--radius-m);box-shadow:var(--shadow-s);font-weight:700;font-size:var(--text-s);justify-self:start;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.output-item a:hover{background:var(--color-accent-strong)}.output-item small{color:var(--color-muted);font:600 var(--text-xs) var(--font-mono)}.dropzone{justify-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-5);text-align:center;background:var(--color-bg);border:2px dashed var(--color-line-strong);border-radius:var(--radius-l);transition:border-color .15s,background-color .15s;display:grid}.dropzone:focus-within,.dropzone:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.dropzone svg{color:var(--color-accent)}.dropzone strong{font-size:var(--text-m);margin-top:0!important}.dropzone .field{width:100%;margin:var(--space-3) 0 0!important}.file-list{margin:var(--space-4) 0 0;font-size:var(--text-s);overflow-wrap:anywhere;padding:0;list-style:none}.file-list li{justify-content:space-between;align-items:center;gap:var(--space-2);padding-block:var(--space-2);border-bottom:1px dashed var(--color-line-strong);display:flex}.file-list button{min-height:34px;font-size:var(--text-xs);padding:5px 10px}.preview{padding:var(--space-5);color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-m);overflow-wrap:anywhere}.preview a{color:var(--color-accent);text-decoration:underline}.preview ul{padding-left:25px;list-style:outside}.preview ol{padding-left:25px;list-style:decimal}.preview h1,.preview h2,.preview h3{margin-block:var(--space-4) var(--space-2)}.preview pre{white-space:pre-wrap;overflow-wrap:anywhere}.added{color:#145838;background:#d8f6e6}.added,.removed{border-radius:2px}.removed{color:#842e23;background:#ffe5e0;text-decoration:line-through}html[data-theme=dark] .added{color:#b9f0cf;background:#1f3b2b}html[data-theme=dark] .removed{color:#ffc9bd;background:#4a2620}.help{max-width:820px;margin-top:var(--space-8)}.help h2{margin:var(--space-7) 0 var(--space-3);font-size:var(--text-xl)}.help>p{color:var(--color-muted)}.help details{padding-inline:2px}.related{gap:var(--space-2);flex-wrap:wrap;display:flex}.related a{background:var(--color-surface);border:1.5px solid var(--color-line-strong);border-radius:var(--radius-pill);min-height:40px;font-size:var(--text-s);align-items:center;padding:8px 14px;font-weight:700;display:inline-flex}.related a:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.tool-frame-top{max-width:var(--tool-max);padding-top:var(--space-8)}.tool-frame-note{margin-top:var(--space-3);color:var(--color-muted);font-size:var(--text-s)}.tool-frame-note a{color:var(--color-accent);text-underline-offset:3px;font-weight:700;text-decoration:underline}.tool-frame-top+.tool-page{padding-top:0}.tool-page:has(+.tool-frame-bottom){padding-bottom:0}.tool-frame-bottom{max-width:var(--tool-max);padding-bottom:var(--space-9)}.tool-frame-bottom .help{margin-top:var(--space-4)}.workbench:has(>.workbench-content){padding:0}.workbench-content{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}.workbench-content>*{grid-column:1/-1;min-width:0}.workbench-content>.tool-section{padding:var(--space-6) var(--space-7)}.workbench-content>.tool-section:first-child:has(+.tool-section){grid-column:1}.workbench-content>.tool-section:nth-child(2):is(.tool-section+.tool-section){background:var(--color-sunken);border-left:1.5px dashed var(--color-line-strong);grid-column:2}.workbench-content>.tool-section:nth-child(n+3),.workbench-content>:not(.tool-section){border-top:1px solid var(--color-line)}.workbench-content>.actions{padding:var(--space-4) var(--space-7);margin:0}.workbench-content>.tool-section:last-child{border-radius:0 0 var(--radius-l) var(--radius-l)}.tool-section{min-width:0}.tool-section h2{align-items:center;gap:var(--space-2);display:flex}.breakdown,.calculator-display,.exchange-info,.formula,.history-item,.info-text,.placeholder-content,.result-display,.stat-card{padding:var(--space-4);color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-m);overflow-wrap:anywhere}.result-display{border-left:4px solid var(--color-accent);margin-block:var(--space-4)}.placeholder-content{color:var(--color-muted);text-align:center;border-style:dashed}.breakdown-item,.history-item,.result-item,.summary-item{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-5);padding-block:var(--space-2);flex-wrap:wrap;display:flex}.breakdown-item+.breakdown-item,.result-item+.result-item{border-top:1px dashed var(--color-line-strong)}.breakdown-item .label,.result-item .label,.summary-item .label{color:var(--color-muted);font-size:var(--text-s)}.number-value,.result-item .value,.stat-value,.summary-item .value,.time-value{color:var(--color-accent);font:800 clamp(24px,3.4vw,36px)/1.2 var(--font-display);font-variant-numeric:tabular-nums;font-stretch:112%}.breakdown-item .value{font-variant-numeric:tabular-nums;font-weight:700}.number-value,.time-value{margin-block:var(--space-2);display:inline-block}.timezone{margin-left:var(--space-2);color:var(--color-muted);font-size:var(--text-s)}.example-item,.info-item,.reference-item,.shortcut-item{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-4);border-bottom:1px dashed var(--color-line);font-size:var(--text-s);flex-wrap:wrap;margin:0;padding:10px 0;display:flex}.example-item>span:first-child,.reference-item>span:first-child,.shortcut-item>span:first-child{font-weight:700}.example-item>span:last-child,.reference-item>span:last-child{color:var(--color-muted)}.comparison,.examples,.image-comparison,.qr-examples,.stats-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.stat-card{text-align:center}.stat-value{margin-bottom:4px;display:block}.stat-card p,.stat-label{color:var(--color-muted);font-size:var(--text-xs);margin-block:4px}.stat-card h3{color:var(--color-muted);font:700 var(--text-s)/1.3 var(--font-body);letter-spacing:0;margin:0 0 4px;font-stretch:100%}.stat-card .stat-value{color:var(--color-accent);font:800 clamp(26px,3.4vw,36px)/1.15 var(--font-display);margin:0;font-stretch:112%}.unit-system-switch{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.calculator-display{margin-bottom:var(--space-4);text-align:right;font-family:var(--font-mono);background:var(--color-sunken)}.calculator-display .input-value{font-size:34px}.calculator-display .result{color:var(--color-accent);font-size:24px}.calculator-buttons{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));max-width:420px;display:grid}.calc-button{border-color:var(--color-edge);min-height:58px;box-shadow:0 2px 0 var(--color-line-strong);font-size:20px}.calc-button.equals{color:var(--color-on-coral);background:var(--color-coral)}.calc-button.clear{background:var(--color-rose-soft)}.qr-container,.qr-preview{padding:var(--space-5);background:var(--color-surface);border:2px dashed var(--color-line-strong);border-radius:var(--radius-m);justify-content:center;align-items:center;display:flex}.qr-image{border-radius:var(--radius-s);background:#fff;width:300px;max-width:100%;height:auto;display:block}.qr-placeholder{text-align:center;color:var(--color-muted)}.qr-placeholder svg{margin-inline:auto}.example-image{border-radius:var(--radius-s);background:#fff;max-width:100px}.example-qr{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-m)}.progress-bar{border:1px solid var(--color-edge);background:var(--color-rose-soft);border-radius:var(--radius-s);height:12px;overflow:hidden}.progress-fill{background:var(--color-accent);height:100%}.color-box,.color-preview,.color-swatch{border:1.5px solid var(--color-line-strong);border-radius:var(--radius-m);min-height:60px}.color-box{width:90px;min-height:90px}.color-examples{gap:var(--space-3);flex-wrap:wrap;display:flex}.example-color{border:1px solid var(--color-line-strong);border-radius:var(--radius-m);text-shadow:0 0 2px #fff,0 0 2px #fff;color:#292222;padding:8px 12px;font-weight:700}.html-output-container,.json-output-container,.text-output-container,.text-wrapper{min-width:0}.password-wrapper,.text-wrapper{align-items:center;gap:var(--space-2);display:flex}.password-wrapper input,.text-wrapper input,.text-wrapper textarea{flex:1;width:0;min-width:0}.password-info{margin-top:var(--space-3);color:var(--color-muted);font-size:var(--text-xs);flex-wrap:wrap;justify-content:space-between;gap:6px 16px;display:flex}.checkbox-group{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.checkbox-label{align-items:center;gap:var(--space-2);font-size:var(--text-s);cursor:pointer;font-weight:700;display:flex}.length-slider,.slider,.slider-container input,.tip-slider{width:100%}.file-controls,.file-info,.file-item{align-items:center;gap:var(--space-2);min-width:0;display:flex}.file-item{padding:var(--space-3) 0;border-bottom:1px dashed var(--color-line-strong);justify-content:space-between}.file-info{flex:1}.file-name{overflow-wrap:anywhere;font-weight:700}.file-controls{flex-shrink:0}.amortization-note,.help-text,.no-history{color:var(--color-muted);font-size:var(--text-xs)}.conversion-result,.rgb-display{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.result-value{color:var(--color-accent);font:800 28px/1.2 var(--font-display);font-variant-numeric:tabular-nums;font-stretch:112%}.multiple-numbers{gap:var(--space-2);flex-wrap:wrap;display:flex}.number-item{background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-m);font:600 var(--text-s) var(--font-mono);font-variant-numeric:tabular-nums;padding:6px 12px}.single-number{font:800 52px/1.1 var(--font-display);color:var(--color-accent);font-stretch:112%}.download-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto}.html-preview iframe{border:1px solid var(--color-line-strong);border-radius:var(--radius-m);background:#fff;width:100%;min-height:220px}.tabs .tab{border-radius:var(--radius-pill)}.animate-spin{animation:workshop-spin 1s linear infinite}@keyframes workshop-spin{to{transform:rotate(1turn)}}.prose{max-width:860px;padding-block:var(--space-9) var(--space-10);min-height:60vh}.prose h1{margin:var(--space-4) 0 var(--space-6);font-size:var(--text-3xl)}.prose h2{margin:var(--space-7) 0 var(--space-3);font-size:var(--text-xl)}.prose h3{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-l)}.prose li,.prose p{color:var(--color-muted);line-height:1.75}.prose p+p{margin-top:var(--space-3)}.prose a:not(.button):not(.btn){color:var(--color-accent);text-underline-offset:3px;font-weight:700;text-decoration:underline}.prose ol,.prose ul{padding-left:22px}.prose .workbench{margin-top:var(--space-6)}.prose .workbench form{gap:var(--space-2);display:grid}.prose dl{gap:var(--space-2) var(--space-5);margin:0 0 var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.prose dt{color:var(--color-muted)}.prose dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:700}@media (max-width:1100px){:root{--gutter:28px}.hero{gap:var(--space-7);padding-block:var(--space-8) var(--space-7);grid-template-columns:minmax(0,1fr)}.cabinet{box-shadow:var(--shadow-m)}.drawers{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-actions>nav a{padding-inline:9px}.search-trigger-text{display:none}}@media (max-width:900px){.bench-grid,.workbench-content{grid-template-columns:minmax(0,1fr)}.pane-result{border-left:0;border-top:1.5px dashed var(--color-line-strong);border-radius:0 0 var(--radius-l) var(--radius-l)}.workbench-content>.tool-section:first-child:has(+.tool-section),.workbench-content>.tool-section:nth-child(2):is(.tool-section+.tool-section){grid-column:1}.workbench-content>.tool-section:nth-child(2):is(.tool-section+.tool-section){border-left:0;border-top:1.5px dashed var(--color-line-strong)}.footer-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.footer-brand{grid-column:1/-1}.promise{flex-direction:column;align-items:flex-start}.nav{gap:var(--space-3)}.nav-actions>nav,.nav-actions>nav .nav-tools{margin-right:0}:root{--header-h:60px}.brand-logo{width:58px}.brand{gap:10px;font-size:18px}.brand small{display:none}.menu-toggle{border:1.5px solid var(--color-line-strong);background:var(--color-bg);display:inline-flex}.search-trigger kbd{display:none}.nav-actions>nav{align-items:stretch;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border-bottom:1.5px solid var(--color-edge);box-shadow:0 12px 24px -12px var(--color-shadow-soft);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:none;position:absolute;top:100%;left:0;right:0}.nav-actions>nav.is-open{display:grid}.nav-actions>nav a{border:1px solid var(--color-line-strong);justify-content:space-between;padding:10px 14px}.nav-actions>nav .nav-tools{margin-right:0}.section-heading{align-items:flex-start}.workbench{padding:var(--space-5)}.bench,.workbench:has(>.workbench-content){padding:0}.pane,.workbench-content>.tool-section{padding:var(--space-5)}.workbench-content>.actions{padding-inline:var(--space-5)}.tool-grid{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.tool-card{align-items:center;gap:0 var(--space-3);border-radius:var(--radius-m);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon body fav";padding:12px 10px 12px 12px;display:grid}.tool-card:hover{box-shadow:var(--shadow-s);transform:none}.card-top{display:contents}.card-top .category-icon{grid-area:icon;width:38px;height:38px}.card-top .favorite{grid-area:fav}.tool-card>a{grid-area:body;min-width:0}.tool-card h3{margin:0;font-size:16.5px}.tool-card h3 svg{display:none}.tool-card p{font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;overflow:hidden}.card-bottom{display:none}.tool-card.unavailable p:after{content:" · Not available yet";color:var(--color-danger);font-weight:700}.shelf+.shelf{margin-top:var(--space-7)}}@media (max-width:560px){:root{--gutter:18px}.hero{padding-block:var(--space-7) var(--space-6)}.hero-lead{font-size:var(--text-m)}.finder-box{box-shadow:var(--shadow-s);padding-left:14px}.finder-box input{min-height:52px;font-size:var(--text-m)}.finder-box kbd{display:none}.quick-picks a{font-size:var(--text-xs);padding:5px 10px}.cabinet{padding:var(--space-4);box-shadow:var(--shadow-s)}.drawers{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.drawer{grid-template-columns:minmax(0,1fr) auto;min-height:54px;padding:8px 10px}.drawer .category-icon,.drawer-text small{display:none}.benefits{gap:var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}.tool-count{display:none}.tabs{margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter) 6px;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{flex-shrink:0}.tool-page h1{font-size:32px}.lead{font-size:var(--text-m)}.resize-controls,.settings,.settings-group{grid-template-columns:minmax(0,1fr)}.dropzone{padding:var(--space-5) var(--space-3)}.footer-inner{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.desktop{display:none}.search-trigger{padding-inline:10px}.nav{gap:var(--space-3)}.brand{gap:8px;min-width:0;font-size:16px}.brand>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.brand-logo{width:46px}.nav-actions{flex-shrink:0;gap:4px}.nav-actions>button{min-width:40px;min-height:40px;padding:8px}}@media (max-width:380px){.brand{font-size:15px}.brand-logo{width:40px}.nav-actions{gap:4px}.drawers{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}}.tool-ad-layout{max-width:1500px;margin-inline:auto}.tool-ad-content{min-width:0}.tool-ad-sidebar{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:32px;padding:32px 10px 48px;display:flex}.ad-extra-reservation,.ad-placement{flex:0 0 300px;width:300px;min-width:300px;min-height:280px}.ad-placement{text-align:center}.ad-label{height:30px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;line-height:30px;display:block}.ad-creative,.ad-preview{width:300px;height:250px}.ad-preview{border:1px dashed var(--line);color:var(--muted);background:var(--surface);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.ad-preview small{font-size:11px}@media (min-width:1440px){.tool-ad-layout{grid-template-columns:minmax(0,1fr) 300px;gap:32px;padding-inline:32px;display:grid}.tool-ad-content .wrap{width:100%}.tool-ad-sidebar{flex-direction:column;padding:64px 0 48px;display:flex}}@media (max-width:319px){.tool-ad-sidebar{display:none}}.plan-grid{gap:var(--space-4);margin-block:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));display:grid}.plan-card{min-width:0;padding:var(--space-4);border:1.5px solid var(--color-edge);border-radius:var(--radius-m);background:var(--color-bg)}.plan-price{font-size:var(--text-xl);font-weight:800}.plan-price small{font-size:var(--text-s);font-weight:500;display:block}.account-panel pre,.prose .workbench pre{overflow-wrap:anywhere;max-height:380px;overflow:auto}.prose .workbench{min-width:0}.tool-presets{margin-block:var(--space-4);padding:var(--space-3);border:1px dashed var(--color-line-strong)}.tool-presets summary{cursor:pointer;font-weight:700}@media (max-width:560px){.prose dl{grid-template-columns:minmax(0,1fr)}.prose dd{text-align:left;margin-bottom:var(--space-2)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}