:root{color-scheme:dark;--bg: #12141a;--panel: #1c2030;--text: #e8ecf4;--muted: #9aa3b5;--accent: #6bcf7f;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 20% 0%,#1a2438,var(--bg));color:var(--text);min-height:100vh}#app{display:grid;grid-template-columns:1fr 180px;grid-template-rows:auto 1fr;min-height:100vh}.toolbar{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;padding:.85rem 1.25rem;background:color-mix(in srgb,var(--panel) 90%,black);border-bottom:1px solid #2b3348}.toolbar h1{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:.02em}.toolbar label{display:flex;gap:.4rem;align-items:center;font-size:.85rem;color:var(--muted)}.toolbar select{background:#0f1320;color:var(--text);border:1px solid #33405c;border-radius:4px;padding:.25rem .4rem}.toolbar .check{color:var(--text)}.status{margin-left:auto;font-size:.8rem;color:var(--accent)}.toolbar .nav{color:var(--accent);text-decoration:none;font-size:.85rem}#stage{padding:1.25rem;overflow:auto;display:grid;place-items:start center}#stage canvas{image-rendering:pixelated;background:#000;box-shadow:0 12px 40px #00000073}.swatches{padding:1rem;border-left:1px solid #2b3348;background:color-mix(in srgb,var(--panel) 80%,black)}.swatches h2{margin:0 0 .75rem;font-size:.8rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.swatch-row{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:.55rem}.swatch{aspect-ratio:1;border-radius:3px;border:1px solid #3a4560}.swatch.active-row{outline:2px solid var(--accent);outline-offset:1px}.rom-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(800px 400px at 50% 20%,#1a2838 0%,transparent 60%),#0a0c10f5}.rom-gate[hidden]{display:none}.rom-drop{max-width:28rem;padding:2.25rem 2rem;text-align:center;border:2px dashed #3d5a4a;border-radius:8px;background:color-mix(in srgb,var(--panel) 88%,black);cursor:pointer}.rom-drop.dragover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.rom-drop h2{margin:0 0 .75rem;font-size:1.15rem}.rom-drop p{margin:0 0 .65rem;color:var(--muted);font-size:.9rem;line-height:1.45}.rom-drop .rom-hint{font-size:.8rem}.rom-drop .rom-status{margin:1rem 0 0;min-height:1.3em;color:var(--accent);font-size:.85rem}.rom-drop .rom-status.error{color:#f07178}