@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/pixelforge/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/pixelforge/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/pixelforge/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/pixelforge/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/pixelforge/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/pixelforge/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/pixelforge/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#17141f;--panel:#221e2e;--line:#352f46;--text:#f4f1fa;--dim:#a9a2bd;--accent:#ffcd75;--warm:#ef7d57;--grad:linear-gradient(135deg, #ffcd75, #ef7d57 55%, #b13e53);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--bg);min-height:100vh;color:var(--text);font:15px/1.45 Inter Variable,system-ui,sans-serif}button,input,select{font:inherit;color:inherit}button,select{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;min-height:40px;padding:0 12px;font-weight:600}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}a{color:#ffd9a0}.top{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:12px 16px;display:flex}.top .home{color:var(--dim);border:1px solid var(--line);border-radius:99px;padding:4px 10px;font-size:.85rem;font-weight:700;text-decoration:none}.top h1{letter-spacing:-.02em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.3rem}.top .legal{gap:12px;margin-left:auto;font-size:.85rem;display:flex}.top .legal a{color:var(--dim)}.layout{grid-template-columns:200px minmax(0,1fr) 250px;align-items:start;gap:16px;max-width:1400px;margin:0 auto;padding:16px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;gap:10px;padding:12px;display:grid}.panel h2{text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin:6px 0 0;font-size:.75rem}.tools{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tool{padding:0 8px;font-size:.85rem}.tool[aria-pressed=true]{background:var(--accent);color:#2a1a05;border-color:#0000}.color-row{gap:6px;display:flex}.color-row input[type=color]{border:1px solid var(--line);background:var(--bg);border-radius:10px;width:48px;height:40px;padding:2px}.color-row select{flex:1;min-width:0}.swatches{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.swatch{aspect-ratio:1;background:var(--c);border:2px solid #0000;border-radius:8px;min-height:0;padding:0}.swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--bg) inset;border-color:#fff}.stage{place-items:center;min-height:300px;display:grid}.board{touch-action:none;cursor:crosshair;background:repeating-conic-gradient(#3b3550 0% 25%,#2b263a 0% 50%) 0 0/16px 16px;border-radius:6px;box-shadow:0 20px 50px #00000073}.frames{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.frame{background:repeating-conic-gradient(#3b3550 0% 25%,#2b263a 0% 50%) 0 0/8px 8px;flex:none;width:56px;height:56px;min-height:0;padding:4px;position:relative}.frame canvas{width:100%;height:100%;image-rendering:pixelated}.frame span{text-shadow:0 1px 2px #000;font-size:.7rem;position:absolute;bottom:1px;right:3px}.frame[aria-selected=true]{border:2px solid var(--accent)}.row{flex-wrap:wrap;gap:6px;display:flex}.row>*{flex:1}.check{color:var(--dim);align-items:center;gap:8px;font-size:.85rem;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent)}.preview{width:128px;height:128px;image-rendering:pixelated;background:repeating-conic-gradient(#3b3550 0% 25%,#2b263a 0% 50%) 0 0/16px 16px;border-radius:8px;justify-self:center}.ctl{color:var(--dim);align-items:center;gap:8px;font-size:.85rem;display:flex}.ctl input[type=range]{accent-color:var(--accent);flex:1}.hint{color:var(--dim);margin:0;font-size:.8rem}.toast{z-index:10;visibility:hidden;background:#3d3552;border-radius:12px;padding:10px 16px;transition:transform .25s,visibility .25s;position:fixed;bottom:20px;left:50%;transform:translate(-50%,140%);box-shadow:0 8px 24px #0006}.toast.show{visibility:visible;transform:translate(-50%)}@media (max-width:960px){.layout{grid-template-columns:1fr}.stage{order:-1}.tools{grid-template-columns:repeat(3,1fr)}.swatches{grid-template-columns:repeat(8,1fr)}.top .legal{display:none}}
