:root{--bg:#0b0d12;--panel:#161921b8;--border:#2a2f3a;--text:#a7b0c0;--text-h:#f2f5fa;--accent:#6ee7b7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:15px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body,#root{height:100svh;margin:0;overflow:hidden}.app{grid-template-rows:56px 1fr;height:100svh;display:grid}.topbar{border-bottom:1px solid var(--border);background:#0b0d12e6;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.topbar h1{letter-spacing:-.2px;color:var(--text-h);margin:0;font-size:15px;font-weight:600}.topbar .meta{color:var(--text);font-family:ui-monospace,Consolas,monospace;font-size:12px}.stage{background:radial-gradient(circle at 50% 40%,#171b24 0%,#0b0d12 70%);position:relative}.panel{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;flex-direction:column;gap:14px;width:236px;padding:16px;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 8px 30px #00000073}.panel h2{letter-spacing:.8px;text-transform:uppercase;color:var(--text-h);margin:0;font-size:11px;font-weight:600}.row{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.row.stack{flex-direction:column;align-items:stretch;gap:6px}.row .value{color:var(--accent);font-family:ui-monospace,Consolas,monospace;font-size:12px}input[type=range]{width:100%;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px}select,button{font:inherit;color:var(--text-h);border:1px solid var(--border);background:#11141b;border-radius:7px;padding:6px 9px;font-size:13px}button{cursor:pointer;transition:border-color .2s,color .2s}button:hover{border-color:var(--accent);color:var(--accent)}.hint{border-top:1px solid var(--border);color:#6d7688;margin:0;padding-top:4px;font-size:11px;line-height:1.6}