:root{--bg:#111;--panel:#161616;--line:#333;--text:#ddd;--muted:#999;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:#aaa;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0}.app{height:100vh;height:100dvh;display:flex}.stage{flex:1;place-items:center;min-width:0;padding:20px;display:grid}.viewport{border:1px solid var(--line);position:relative}.viewport canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#overlay{touch-action:none;cursor:crosshair}.hud{color:var(--muted);pointer-events:none;gap:12px;font:11px ui-monospace,Menlo,monospace;display:flex;position:absolute;bottom:6px;left:8px}.hud b{font-weight:400}.panel{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:18px;width:300px;padding:16px;display:flex;overflow-y:auto}h2{margin:0 0 6px;font-size:13px;font-weight:600}section{flex-direction:column;display:flex}p{color:var(--muted);margin:8px 0 0;line-height:1.45}button{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#222;border-radius:0;padding:5px 8px}button:hover{background:#2a2a2a}button.active{background:var(--text);border-color:var(--text);color:#111}.scenes,.actions{grid-template-columns:1fr 1fr;gap:4px;display:grid}.scenes button{text-align:left}.blurb{min-height:3em}.segmented{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.slider{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.slider span,.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.row{margin-bottom:8px}output{color:var(--muted);font:11px ui-monospace,Menlo,monospace}input[type=range]{width:100%;margin:0}.about{color:var(--muted);line-height:1.45}.about summary{cursor:pointer;color:var(--text)}.about b,.about em{color:var(--text);font-style:normal}.keys{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin-top:auto;font-size:12px;display:flex}kbd{color:var(--text);margin-right:2px;font:11px ui-monospace,Menlo,monospace}.unsupported{background:var(--bg);text-align:center;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.unsupported[hidden]{display:none}.unsupported p{max-width:420px}@media (max-width:820px){.app{flex-direction:column;height:auto}.stage{flex:none;padding:12px}.panel{border-left:none;border-top:1px solid var(--line);width:auto}}