@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/3702f26392e21a15-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cd21efaca8026c00-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/485435f9f1e1f82c-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/966913bad25267a8-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Silkscreen Fallback;src:local("Arial");ascent-override:68.84%;descent-override:16.71%;line-gap-override:0.00%;size-adjust:149.62%}.__className_7611f3{font-family:Silkscreen,Silkscreen Fallback;font-style:normal}.__variable_7611f3{--font-pixel:"Silkscreen","Silkscreen Fallback"}:root{--bg:oklch(97% 0.012 245);--bg-alt:oklch(95% 0.02 245);--surface:oklch(99% 0.004 245);--tile:oklch(93% 0.03 245);--tile-soft:oklch(96% 0.02 245);--border:oklch(89% 0.025 245);--border-strong:oklch(78% 0.05 245);--ink:oklch(27% 0.02 250);--muted:oklch(50% 0.025 250);--faint:oklch(60% 0.02 250);--accent:oklch(58% 0.135 250);--accent-dark:oklch(42% 0.13 250);--accent-soft:oklch(58% 0.135 250/0.4);--category-num:oklch(85% 0.04 245);--amber:oklch(78% 0.11 75)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh}a{color:var(--accent)}a:hover{color:var(--accent-dark)}.font-pixel{font-family:var(--font-pixel),monospace;letter-spacing:.5px}.font-mono{font-family:SF Mono,ui-monospace,monospace}.notch-4{-webkit-clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px))}.notch-5{-webkit-clip-path:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px));clip-path:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px))}.notch-6{-webkit-clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px))}.pixel-card,.tool-card{background:var(--surface);border:2px solid var(--border);box-shadow:3px 3px 0 var(--border)}.tool-card{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;padding:18px;transition:transform .12s,box-shadow .12s}.tool-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--border-strong);border-color:var(--border-strong);color:inherit}.icon-tile{background:var(--tile);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-primary{padding:14px 28px;background:var(--accent);color:white;border:2px solid var(--accent-dark);font-weight:700;font-size:15px;cursor:pointer;box-shadow:3px 3px 0 var(--accent-dark);font-family:inherit}.btn-primary:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--accent-dark)}.btn-primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--accent-dark)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{padding:14px 18px;background:white;border:2px solid var(--border);font-size:13px;font-weight:700;cursor:pointer;color:var(--ink);font-family:inherit}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong)}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.chip{padding:9px 16px;font-size:13px;font-weight:700;border:2px solid var(--border);background:white;cursor:pointer;color:var(--ink);font-family:inherit}.chip.selected{background:var(--tile);border-color:var(--accent);color:var(--accent-dark)}.dropzone{border:3px dashed var(--border-strong);background:oklch(93% .03 245/.4);padding:56px 24px;text-align:center;cursor:pointer}.dropzone.drag-over,.dropzone:hover{border-color:var(--accent);background:oklch(93% .03 245/.7)}.stripes{background:repeating-linear-gradient(135deg,oklch(93% .03 245),oklch(93% .03 245) 10px,oklch(96% .02 245) 0,oklch(96% .02 245) 20px)}.stripes-fine{background:repeating-linear-gradient(135deg,oklch(88% .02 245),oklch(88% .02 245) 6px,oklch(92% .015 245) 0,oklch(92% .015 245) 12px)}.stripes-dark{background:repeating-linear-gradient(135deg,oklch(20% .01 250),oklch(20% .01 250) 10px,oklch(24% .01 250) 0,oklch(24% .01 250) 20px)}.label-caps{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.progress-track{height:14px;background:var(--tile);border:2px solid var(--border)}.progress-fill{height:100%;background:var(--accent);transition:width .15s linear}.pixel-input{padding:12px 14px;border:2px solid var(--border);background:white;font-size:14px;color:var(--ink);outline:none;font-family:inherit}.pixel-input:focus{border-color:var(--accent)}input[type=range]{accent-color:var(--accent)}