:root{--background:0 0% 97%;--background-soft:0 0% 100%;--foreground:228 15% 8%;--muted:228 10% 92%;--muted-foreground:228 8% 45%;--border:228 10% 86%;--border-strong:228 10% 78%;--card:0 0% 100%;--card-foreground:228 15% 8%;--accent:170 60% 38%;--accent-foreground:0 0% 100%;--destructive:0 60% 55%;--font-heading:"Cabinet Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body:"Spectral", Merriweather, Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius:.75rem;--ease-out:cubic-bezier(.16, 1, .3, 1)}.dark{--background:228 28% 3.5%;--background-soft:228 22% 6.5%;--foreground:228 12% 93%;--muted:228 15% 11%;--muted-foreground:228 10% 56%;--border:228 14% 14%;--border-strong:228 16% 22%;--card:228 22% 7%;--card-foreground:228 12% 93%;--accent:170 60% 48%;--accent-foreground:0 0% 100%;--destructive:0 60% 55%}*,:before,:after{box-sizing:border-box;border-color:hsl(var(--border))}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:1rem;line-height:1.65}::selection{background:hsl(var(--accent));color:#fff}.font-heading{font-family:var(--font-heading);letter-spacing:-.025em}.font-mono{font-family:var(--font-mono)}.container{max-width:56rem;margin:0 auto;padding:0 1.25rem}@media (width>=640px){.container{padding:0 2rem}}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:3px;border-radius:2px}.eyebrow{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:hsl(var(--muted-foreground));align-items:center;gap:.625rem;font-size:.675rem;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:hsl(var(--accent));width:1.5rem;height:1px;display:inline-block}nav::-webkit-scrollbar{display:none}.input,.textarea{background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:var(--radius);width:100%;color:hsl(var(--foreground));font-family:var(--font-mono);transition:border-color .2s var(--ease-out);outline:none;padding:.75rem 1rem;font-size:.875rem}.input:focus,.textarea:focus{border-color:hsl(var(--accent))}.textarea{resize:vertical;min-height:120px}input[type=number]::-webkit-inner-spin-button{opacity:.6;cursor:pointer;height:28px}input[type=number]::-webkit-outer-spin-button{opacity:.6;cursor:pointer;height:28px}input[type=number]{-moz-appearance:textfield}input[type=file]{font-family:var(--font-mono);color:hsl(var(--muted-foreground));cursor:pointer;font-size:.8125rem}input[type=file]::file-selector-button{font-size:.75rem;font-weight:600;font-family:var(--font-heading);background:hsl(var(--accent));color:hsl(var(--accent-foreground));cursor:pointer;transition:opacity .2s var(--ease-out);border:none;border-radius:9999px;margin-right:.75rem;padding:.5rem 1rem}input[type=file]::file-selector-button:hover{opacity:.85}.btn{font-size:.8125rem;font-weight:600;font-family:var(--font-heading);transition:all .2s var(--ease-out);cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1.125rem;display:inline-flex}.btn-primary{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.btn-primary:hover{opacity:.9}.btn-ghost{border:1px solid hsl(var(--border-strong));color:hsl(var(--foreground));background:0 0}.btn-ghost:hover{border-color:hsl(var(--accent));color:hsl(var(--accent))}.card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem}.output{font-family:var(--font-mono);word-break:break-all;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:var(--radius);color:hsl(var(--accent));white-space:pre-wrap;min-height:3rem;padding:1rem;font-size:.8125rem}.toggle-group{border:1px solid hsl(var(--border-strong));border-radius:9999px;display:inline-flex;overflow:hidden}.toggle-btn{font-size:.75rem;font-weight:600;font-family:var(--font-mono);color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s var(--ease-out);background:0 0;border:none;padding:.375rem .875rem}.toggle-btn.active{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}input[type=checkbox]{accent-color:hsl(var(--accent));cursor:pointer;width:1rem;height:1rem}