@font-face{font-family:Stack Sans Headline;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/stack-sans-headline-300.woff2)format("woff2")}@font-face{font-family:Stack Sans Text;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/stack-sans-text-400.woff2)format("woff2")}@font-face{font-family:Stack Sans Text;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/stack-sans-text-500.woff2)format("woff2")}:root{--bg:#121314;--surface:#1b1d20;--surface-2:#25282c;--surface-3:#31353a;--ink:#f2f3f4;--muted:#a9adb3;--accent:#ffd60a;--accent-ink:#121314;--accent-strong:#ffe14d;--accent-soft:#3a3410;--wood:#c9a26a;--wood-ink:#121314;--paper:#fff;--paper-ink:#121314;--danger:#ff7a66;--ok:#7fd6a0;--text:var(--ink);--line:var(--surface-2);--font:var(--font-text);--mono:var(--font-text);--font-display:"Stack Sans Headline", ui-sans-serif, system-ui, sans-serif;--font-text:"Stack Sans Text", ui-sans-serif, system-ui, sans-serif;--step-small:.875rem;--step-body:clamp(1.0625rem, 1rem + .25vw, 1.125rem);--step-lead:clamp(1.25rem, 1.1rem + .7vw, 1.5rem);--step-head:clamp(2.25rem, 1.4rem + 3.2vw, 4rem);--step-display:clamp(3.25rem, 1.5rem + 8vw, 8.5rem);--margin:clamp(.5rem, 1vw, .75rem);--gap:8px;--unit:90px;--radius:0px;--section:clamp(5rem, 11vw, 12rem);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--ease-soft:cubic-bezier(.33, 1, .68, 1);--t-press:.14s;--t-hover:.18s;--t-ui:.24s;--t-reveal:.8s;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .page-paper{--bg:#fff;--surface:#f1f0eb;--surface-2:#e5e3dc;--surface-3:#d6d3ca;--ink:#121314;--muted:#5b5f66;--accent-soft:#fff3b0;--danger:#b3261e;--ok:#1f6f45;color-scheme:light}}:root[data-theme=light] .page-paper{--bg:#fff;--surface:#f1f0eb;--surface-2:#e5e3dc;--surface-3:#d6d3ca;--ink:#121314;--muted:#5b5f66;--accent-soft:#fff3b0;--danger:#b3261e;--ok:#1f6f45;color-scheme:light}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:var(--step-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-kerning:normal;margin:0;line-height:1.5}img,video,svg,canvas{max-width:100%;display:block}img{background:var(--surface);height:auto}a{color:inherit;text-underline-offset:.18em;text-decoration:underline .07em}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.022em;text-wrap:balance;hyphens:none;margin:0 0 .5rem;font-weight:300;line-height:1.05}h1{font-size:var(--step-head)}h2{font-size:var(--step-head);margin-top:0}h3{font-size:var(--step-lead);font-family:var(--font-text);letter-spacing:0;margin-top:1.25rem;font-weight:500}p{text-wrap:pretty;margin:0 0 1rem}strong{font-weight:500}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tabular{font-variant-numeric:tabular-nums}.wrap{max-width:1120px;margin:0 auto;padding:0 clamp(1rem,2.2vw,2rem)}.site-header .wrap{justify-content:space-between;align-items:center;gap:1rem;height:64px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:1.5rem;font-weight:300;text-decoration:none}.brand b{font-weight:inherit;font-family:inherit}.site-header nav{gap:clamp(.75rem,2vw,1.5rem);display:flex}.site-header nav a{color:var(--muted);align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.site-header nav a:hover{color:var(--ink)}@media (width<=480px){.site-header nav{gap:.75rem}.site-header nav a{font-size:var(--step-small);white-space:nowrap}.site-header nav a:nth-child(2){display:none}}main{padding:clamp(1rem, 3vw, 2.5rem) 0 var(--section)}main p{max-width:68ch}.result p,.work p,.file p,.row p{max-width:none}.lede{color:var(--muted);font-size:var(--step-lead);max-width:42ch;margin-bottom:1.5rem;line-height:1.35}.crumbs{font-size:var(--step-small);color:var(--muted);margin-bottom:.75rem}.crumbs a{color:inherit}.tool{background:var(--surface);padding:clamp(1rem,2.5vw,2rem)}.field{gap:.35rem;margin-bottom:1rem;display:grid}.field label{font-weight:500}.field .hint,.hint{color:var(--muted);font-size:var(--step-small)}fieldset.plain{border:0;min-width:0;margin:1rem 0 0;padding:0}legend{margin-bottom:.35rem;padding:0;font-weight:500}input[type=number],input[type=text],input[type=email],input[type=url],input[type=date],input[type=search],select,textarea{font:inherit;color:var(--ink);background:var(--bg);border-radius:var(--radius);width:100%;min-height:48px;box-shadow:inset 0 0 0 2px var(--surface-3);border:0;padding:.65rem .8rem}input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);outline:none}input[type=range]{width:100%;accent-color:var(--accent)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:1.1rem;height:1.1rem}.row{gap:.75rem;display:grid}@media (width>=600px){.row.two{grid-template-columns:1fr 1fr}}.row.inline{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.status{margin-top:.75rem}button,.btn{font:inherit;background:var(--surface-2);color:var(--ink);border-radius:var(--radius);cursor:pointer;min-height:48px;transition:transform var(--t-press) var(--ease-out), background-color var(--t-hover) ease, color var(--t-hover) ease;border:0;justify-content:center;align-items:center;gap:.5rem;padding:0 1.1rem;font-weight:500;text-decoration:none;display:inline-flex}button:active,.btn:active{transform:scale(.97)}button.primary,.btn.primary{background:var(--accent);color:var(--accent-ink)}@media (hover:hover) and (pointer:fine){button:hover,.btn:hover{background:var(--surface-3)}button.primary:hover,.btn.primary:hover{background:var(--accent-strong)}}button:disabled,button[aria-disabled=true],.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.result{background:var(--accent-soft);margin-top:1rem;padding:1.25rem}.result .big{font-size:var(--step-head);font-family:var(--font-display);letter-spacing:-.022em;font-weight:300;line-height:1}.work{background:var(--surface-2);margin-top:1rem;padding:1rem 1.25rem}.work summary{cursor:pointer;align-items:center;min-height:32px;font-weight:500;display:flex}.work code,code{font-variant-numeric:tabular-nums;font-family:inherit}.disclaimer{font-size:var(--step-small);color:var(--muted);margin-top:1rem}.error{color:var(--danger)}.dropzone{background:var(--surface-2);text-align:center;cursor:pointer;transition:background var(--t-hover) ease;padding:2.25rem 1rem;display:block;position:relative}.dropzone strong{font-weight:500}.dropzone:hover,.dropzone.over{background:var(--surface-3)}.dropzone:focus-within{outline:3px solid var(--accent);outline-offset:2px}.dropzone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.files{gap:var(--gap);margin:1rem 0 0;padding:0;list-style:none;display:grid}.file{background:var(--surface-2);grid-template-columns:56px 1fr auto;align-items:center;gap:.75rem;padding:.5rem;display:grid}.file img{object-fit:cover;background:var(--surface-3);width:56px;height:56px}.file .meta{min-width:0}.file .meta .name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.file .meta .sizes{color:var(--muted)}.file .meta .saved{color:var(--ok);font-weight:500}.file .meta .saved.error{color:var(--danger)}@media (width<=480px){.file{grid-template-columns:48px 1fr}.file img{width:48px;height:48px}.file .actions{grid-column:1/-1}}.grid{gap:var(--gap);display:grid}@media (width>=600px){.grid.cards{grid-template-columns:1fr 1fr}}.card{background:var(--surface);color:inherit;min-height:120px;transition:background var(--t-hover) ease;padding:1.25rem;text-decoration:none;display:block}.card:hover{background:var(--surface-2)}.card strong{font-size:var(--step-lead);margin-bottom:.25rem;font-weight:500;line-height:1.2;display:block}.card span{color:var(--muted)}.faq{margin-top:var(--section)}.faq h3{font-size:var(--step-lead);margin:0}.faq details{background:var(--surface);margin-bottom:var(--gap)}.faq summary{cursor:pointer;font-size:var(--step-lead);justify-content:space-between;align-items:center;gap:1rem;min-height:72px;padding:1.1rem 1.25rem;font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";clip-path:polygon(0 40%,40% 40%,40% 0,60% 0,60% 40%,100% 40%,100% 60%,60% 60%,60% 100%,40% 100%,40% 60%,0 60%);width:16px;height:16px;transition:transform var(--t-ui) var(--ease-out);background:currentColor;flex:none}.faq details[open] summary:after{transform:rotate(45deg)}.faq details[open]{background:var(--accent);color:var(--accent-ink)}.faq details p{max-width:52ch;margin:0;padding:0 1.25rem 1.25rem}.site-footer{background:var(--surface);color:var(--muted);font-size:var(--step-small);padding:2rem 0}.site-footer a{color:inherit}.site-footer .brand{color:var(--ink);margin-bottom:.5rem;font-size:1.25rem;display:inline-block}@media (prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transition:opacity var(--t-reveal) var(--ease-out), transform var(--t-reveal) var(--ease-out);transform:translateY(20px)}.js .reveal.is-in{opacity:1;transform:none}.js .reveal:nth-child(2){transition-delay:70ms}.js .reveal:nth-child(3){transition-delay:.14s}.js .reveal:nth-child(4){transition-delay:.21s}.js .reveal:nth-child(5){transition-delay:.28s}.js .reveal:nth-child(6){transition-delay:.35s}.js .shutter{clip-path:inset(0 0 100%);transition:clip-path 1.1s var(--ease-in-out)}.js .shutter img{transition:transform 1.5s var(--ease-soft);transform:scale(1.12)}.js .shutter.is-in{clip-path:inset(0)}.js .shutter.is-in img{transform:none}}
