:root{color-scheme:light dark;--accent-h: 254;--accent-c: .13;--bg: oklch(99% 0 0);--surface: oklch(97% 0 0);--surface-2: oklch(94% 0 0);--border: oklch(87% 0 0);--muted: oklch(48% 0 0);--text: oklch(24% 0 0);--heading: oklch(14% 0 0);--accent: oklch(52% var(--accent-c) var(--accent-h));--accent-strong: oklch(44% var(--accent-c) var(--accent-h));--accent-fg: oklch(99% 0 0);--focus: oklch(62% var(--accent-c) var(--accent-h));--danger: oklch(55% .17 27);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--step--1: clamp(.78rem, .76rem + .1vw, .84rem);--step-0: clamp(.95rem, .92rem + .16vw, 1.05rem);--step-1: clamp(1.19rem, 1.11rem + .39vw, 1.45rem);--step-2: clamp(1.48rem, 1.34rem + .71vw, 2rem);--step-3: clamp(1.86rem, 1.62rem + 1.2vw, 2.75rem);--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2.25rem;--s-7: 3.5rem;--measure: 66ch;--maxw: 64rem;--ease: .15s ease}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: oklch(16% 0 0);--surface: oklch(20% 0 0);--surface-2: oklch(25% 0 0);--border: oklch(34% 0 0);--muted: oklch(66% 0 0);--text: oklch(90% 0 0);--heading: oklch(97% 0 0);--accent: oklch(70% var(--accent-c) var(--accent-h));--accent-strong: oklch(78% var(--accent-c) var(--accent-h));--accent-fg: oklch(16% 0 0);--focus: oklch(72% var(--accent-c) var(--accent-h));--danger: oklch(68% .17 27)}}:root[data-theme=dark]{--bg: oklch(16% 0 0);--surface: oklch(20% 0 0);--surface-2: oklch(25% 0 0);--border: oklch(34% 0 0);--muted: oklch(66% 0 0);--text: oklch(90% 0 0);--heading: oklch(97% 0 0);--accent: oklch(70% var(--accent-c) var(--accent-h));--accent-strong: oklch(78% var(--accent-c) var(--accent-h));--accent-fg: oklch(16% 0 0);--focus: oklch(72% var(--accent-c) var(--accent-h));--danger: oklch(68% .17 27)}*,*:before,*:after{box-sizing:border-box;border-radius:0}*{margin:0}html{-webkit-text-size-adjust:100%;font-feature-settings:"kern","liga"}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh}h1,h2,h3{color:var(--heading);line-height:1.12;font-weight:650;letter-spacing:-.01em;text-wrap:balance}h1{font-size:var(--step-3)}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}p{max-width:var(--measure);text-wrap:pretty}a{color:var(--accent);text-decoration:none;text-underline-offset:.2em;transition:color var(--ease)}a:hover{color:var(--accent-strong);text-decoration:underline}code,kbd,samp{font-family:var(--font-mono);font-size:.92em}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--s-4)}.stack>*+*{margin-top:var(--s-4)}.stack-lg>*+*{margin-top:var(--s-6)}.grid{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:.5em .9em;font-size:var(--step--1);font-weight:550;line-height:1;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:background var(--ease),border-color var(--ease),color var(--ease)}.btn:hover{border-color:var(--muted);background:var(--surface-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--accent-fg)}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.small{font-size:var(--step--1)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-header{border-bottom:1px solid var(--border)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding-block:var(--s-3)}.brand{display:inline-flex;align-items:baseline;gap:var(--s-2);color:var(--heading);font-weight:650;letter-spacing:-.01em}.brand:hover{color:var(--heading);text-decoration:none}.brand .dot{color:var(--accent)}.brand .crumb{color:var(--muted);font-weight:450}.theme-toggle{width:2.25rem;height:2.25rem;display:inline-grid;place-items:center;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:background var(--ease),border-color var(--ease)}.theme-toggle:hover{border-color:var(--muted);background:var(--surface-2)}.site-main{padding-block:var(--s-6) var(--s-7)}.hero{border-bottom:1px solid var(--border);padding-block:var(--s-6)}.hero p{color:var(--muted);font-size:var(--step-1)}.site-footer{border-top:1px solid var(--border);color:var(--muted);font-size:var(--step--1)}.site-footer .wrap{padding-block:var(--s-5);display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);justify-content:space-between}.tool-card{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4);border:1px solid var(--border);background:var(--surface);color:var(--text);transition:border-color var(--ease),background var(--ease),transform var(--ease)}.tool-card:hover{border-color:var(--accent);background:var(--surface-2);text-decoration:none;transform:translateY(-2px)}.tool-card h3{color:var(--heading)}.tool-card .tag{align-self:flex-start;font-family:var(--font-mono);font-size:var(--step--1);color:var(--muted);border:1px solid var(--border);padding:.1em .5em}.tool-card[aria-disabled=true]{opacity:.5;pointer-events:none}.dropzone{display:grid;place-items:center;gap:var(--s-3);text-align:center;padding:var(--s-7) var(--s-4);border:2px dashed var(--border);background:var(--surface);color:var(--muted);cursor:pointer;transition:border-color var(--ease),background var(--ease),color var(--ease)}.dropzone:hover{border-color:var(--muted)}.dropzone.dragover{border-color:var(--accent);border-style:solid;background:var(--surface-2);color:var(--text)}.dropzone strong{color:var(--heading);font-size:var(--step-1)}.status{font-family:var(--font-mono);font-size:var(--step--1);color:var(--muted)}.status[data-kind=error]{color:var(--danger)}.progress{height:4px;background:var(--surface-2);overflow:hidden}.progress-bar{height:100%;width:0;background:var(--accent);transition:width .1s linear}.progress.indeterminate .progress-bar{width:35%;transition:none;animation:progress-slide 1.1s ease-in-out infinite}@keyframes progress-slide{0%{margin-left:-35%}to{margin-left:100%}}@media(prefers-reduced-motion:reduce){.progress.indeterminate .progress-bar{animation:none;width:100%}}.toolbar[hidden]{display:none}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);justify-content:space-between;border-block:1px solid var(--border);padding-block:var(--s-3)}.toolbar .summary{font-size:var(--step--1)}.toolbar .actions{display:flex;gap:var(--s-2)}.asset{display:flex;flex-direction:column;border:1px solid var(--border);background:var(--surface)}.asset .thumb{display:grid;place-items:center;aspect-ratio:4 / 3;background:repeating-conic-gradient(var(--surface-2) 0 25%,transparent 0 50%) 50% / 16px 16px;overflow:hidden}.asset .thumb img{max-width:100%;max-height:100%;object-fit:contain}.asset .thumb.font{font-size:clamp(2rem,8vw,3.5rem);color:var(--heading);line-height:1;padding:var(--s-3);background:var(--surface);text-align:center;word-break:break-word}.asset .meta{display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-3);border-top:1px solid var(--border);flex:1}.asset .meta .name{font-family:var(--font-mono);font-size:var(--step--1);color:var(--heading);word-break:break-all}.asset .meta .detail{font-size:var(--step--1);color:var(--muted)}.asset .meta .btn{margin-top:auto;padding-top:.5em;padding-bottom:.5em}