:root{color-scheme:dark;--bg: #16171a;--panel: #1f2126;--line: #2f3238;--text: #e8e8ea;--muted: #9a9ca3;--accent: #6ee7b7;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{display:grid;grid-template-columns:minmax(0,1fr) 320px;height:100vh}.stage{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 40%,#26282e,#16171a 70%)}#preview{width:min(100%,calc(100vh - 48px));aspect-ratio:1;touch-action:none;cursor:grab}#preview:active{cursor:grabbing}.panel{padding:20px 20px 32px;background:var(--panel);border-left:1px solid var(--line);overflow-y:auto}.panel h1{font-size:16px;font-weight:600;margin:0 0 16px}fieldset{border:1px solid var(--line);border-radius:8px;padding:12px;margin:0 0 14px}legend{color:var(--muted);padding:0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.row{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:8px;margin:8px 0}.row input[type=range]{width:100%}.row output{min-width:56px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.check{display:flex;align-items:center;gap:8px;margin:10px 0}.swatches{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.swatch[aria-pressed=true]{border-color:var(--accent)}button{font:inherit;color:var(--text);background:#2a2d34;border:1px solid var(--line);border-radius:6px;padding:7px 10px;cursor:pointer;width:100%;margin-top:6px;user-select:none}button:hover{background:#33373f}button:disabled{opacity:.6;cursor:wait}.hint{color:var(--muted);font-size:12px;margin:8px 0 0}.stats{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-variant-numeric:tabular-nums}.stats dt{color:var(--muted)}.stats dd{margin:0;text-align:right}.status{color:var(--muted);font-size:12px;min-height:16px;margin-top:8px}@media (max-width: 860px){.app{grid-template-columns:1fr;height:auto}.panel{border-left:none;border-top:1px solid var(--line)}#preview{width:100%}}