:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f7f3;--text:#1d1b19;--muted:#615c57;--line:#d7d2ca;--panel:#fff;--focus:#111}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit}button{font:inherit}.page{width:min(1120px,100% - 32px);margin:0 auto;padding:28px 0 40px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.breadcrumb{color:var(--muted);font-size:.95rem}h1{letter-spacing:0;margin:0;font-size:4.5rem;line-height:.95}.maker{grid-template-columns:minmax(280px,512px) minmax(260px,1fr);align-items:start;gap:28px;margin-top:28px;display:grid}.canvas-shell{width:100%}.grid{aspect-ratio:1;border:2px solid var(--text);background:var(--text);touch-action:none;grid-template-columns:repeat(4,1fr);gap:2px;width:min(100%,512px);display:grid}.cell{aspect-ratio:1;cursor:crosshair;border:0;border-radius:0;width:100%;min-width:0;display:block;position:relative}.cell:focus-visible,.swatch:focus-visible,.more-toggle:focus-visible,.action:focus-visible{outline:3px solid var(--focus);outline-offset:3px;z-index:2}.panel{gap:22px;display:grid}.section-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.84rem;font-weight:700}.palette{grid-template-columns:repeat(4,minmax(48px,1fr));gap:10px;max-width:360px;display:grid}.more-palette{max-width:360px;margin-top:12px}.more-toggle{border:1px solid var(--line);width:100%;min-height:42px;color:var(--text);cursor:pointer;background:0 0;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-weight:700;display:flex}.more-toggle:after{content:"+";font-size:1.25rem;line-height:1}.more-toggle[aria-expanded=true]:after{content:"-"}.collapsed-palette{margin-top:10px}[hidden]{display:none}.swatch{aspect-ratio:1;border:2px solid var(--line);cursor:pointer;border-radius:6px;display:block;position:relative}.swatch[aria-pressed=true]{border-color:var(--text);box-shadow:inset 0 0 0 3px var(--panel), 0 0 0 2px var(--text)}.actions{flex-wrap:wrap;gap:10px;display:flex}.action{border:1px solid var(--text);background:var(--text);min-height:42px;color:var(--panel);cursor:pointer;border-radius:6px;padding:8px 14px;font-weight:700}.action.secondary{color:var(--text);background:0 0}.preview{grid-template-columns:80px 1fr;align-items:center;gap:14px;max-width:360px;display:grid}.preview img{width:80px;height:80px;image-rendering:pixelated;border:1px solid var(--line);background:var(--panel)}.preview code{color:var(--muted);overflow-wrap:anywhere;display:block}@media (prefers-color-scheme:dark){:root{--bg:#1b1917;--text:#f2eee8;--muted:#bbb2a7;--line:#4a4540;--panel:#25211e;--focus:#f2eee8}}@media (width<=760px){.page{width:min(100% - 24px,560px);padding-top:20px}.topbar{flex-direction:column;align-items:flex-start}.maker{grid-template-columns:1fr}}