:root{--bg: #0b0d12;--panel: #12161f;--line: #232a38;--text: #d7dce5;--muted: #8a93a3;--accent: #ff2d95;--accent2: #3cc8ff;--gold: #f2c94c;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text)}body{display:flex;flex-direction:column;overflow:hidden}header{display:flex;align-items:center;gap:24px;padding:10px 16px;border-bottom:1px solid var(--line)}h1{margin:0;font-size:18px;letter-spacing:.12em;font-weight:800}h1 span{color:var(--accent)}h1 small{font-size:11px;color:var(--muted);letter-spacing:0;font-weight:500;margin-left:6px}nav{display:flex;gap:4px}#stats{margin-left:auto;color:var(--muted);font:12px ui-monospace,monospace}main{flex:1;display:grid;grid-template-columns:1fr 330px;min-height:0}#stage,#editorHost{position:relative;min-width:0;min-height:0;overflow:hidden}#editorHost,body.mode-editor #stage{display:none}body.mode-editor #editorHost{display:block}.editor-only{display:none}body.mode-editor .editor-only{display:block}body.mode-editor .lab-only{display:none}.editor-canvas{display:block}aside{background:var(--panel);border-left:1px solid var(--line);padding:8px 14px 20px;overflow-y:auto;font-size:13px}aside h2{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:18px 0 8px;display:flex;align-items:center;justify-content:space-between}button{background:#1b2130;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 10px;font:inherit;font-size:12px;cursor:pointer}button:hover{border-color:#3a4660}button.on{background:var(--accent);border-color:var(--accent);color:#fff}button.primary{background:var(--accent2);color:#001018;border-color:var(--accent2);font-weight:600;width:100%;margin-top:8px}button.mini{padding:2px 8px;font-size:11px;text-transform:none;letter-spacing:0}.chips{display:flex;flex-wrap:wrap;gap:6px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:6px}.row{display:flex;align-items:center;gap:8px;margin:8px 0}.row input[type=range]{flex:1}.row em,.slider em{font-style:normal;color:var(--muted);font:11px ui-monospace,monospace;min-width:42px;text-align:right}.row.sub{margin-left:22px;margin-top:-4px;color:var(--muted)}.hint{color:var(--muted);font-size:11.5px;line-height:1.45;margin:6px 0}.keys{line-height:2;margin:0}kbd{background:#1b2130;border:1px solid #333c50;border-bottom-width:2px;border-radius:4px;padding:1px 6px;font:11px ui-monospace,monospace}.slider{display:grid;grid-template-columns:88px 1fr 42px;align-items:center;gap:6px;font:11px ui-monospace,monospace;color:var(--muted)}.slider input{width:100%}input[type=range]{accent-color:var(--accent)}.file{display:block;border:1px dashed #333c50;border-radius:6px;padding:8px 10px;margin:6px 0;cursor:pointer;color:var(--muted)}.file input{display:block;margin-top:6px;width:100%;font-size:11px;color:var(--text)}#regionList{list-style:none;margin:0;padding:0}#regionList li{padding:6px 8px;border-radius:6px;cursor:pointer;display:flex;flex-direction:column}#regionList li:hover{background:#1a2030}#regionList li.on{background:#24304a}#regionList small{color:var(--muted);font-size:10.5px}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(30px);opacity:0;transition:.25s;background:#1f2636;border:1px solid #3a4660;padding:10px 16px;border-radius:8px;font-size:13px;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%)}select{flex:1;background:#1b2130;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:5px 8px;font:inherit;font-size:12px}.radios{color:var(--muted);font-size:12px;gap:10px}#promptBox{width:100%;margin-top:8px;background:#0b0d12;color:var(--text);border:1px solid var(--line);border-radius:6px;font:11px/1.4 ui-monospace,monospace;padding:8px}