:root{--bg: #14121a;--panel: #1c1826;--panel-2: #221d2e;--line: #3a3350;--ink: #eee;--ink-dim: #a79fc0;--accent: #7f6fc8;--accent-soft: #b8a8e8;--dock: 22dvh}*{box-sizing:border-box}html,body{margin:0;height:100%;overscroll-behavior:none}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%}button{cursor:pointer;font:inherit;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:.35rem .6rem;min-height:2rem}button:disabled{opacity:.4;cursor:default}button[data-active=true]{background:var(--accent);border-color:var(--accent)}select{font:inherit;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:.35rem .5rem;min-height:2rem}input[type=text]{font:inherit;color:var(--ink);background:#100e16;border:1px solid var(--line);border-radius:6px;padding:.35rem .5rem;width:100%;min-height:2rem}#root{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100dvh;width:100vw}.play-area{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1.1fr);min-height:0;min-width:0}@media (min-width: 700px){.play-area{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,22rem)}}.stage{min-height:0;min-width:0;overflow:hidden;background:var(--panel)}.overlay{min-height:0;min-width:0;overflow-y:auto;padding:.75rem;border-top:1px solid var(--line)}@media (min-width: 700px){.overlay{border-top:none;border-left:1px solid var(--line)}}.dock{display:grid;grid-template-rows:auto minmax(0,1fr);height:calc(var(--dock) + 2.5rem);border-top:1px solid var(--line);background:var(--panel)}.dock[data-collapsed=true]{height:2.5rem}.dock[data-collapsed=true] .dock-body{display:none}.dock-tabs{display:flex;gap:.25rem;align-items:center;padding:.25rem .4rem;overflow-x:auto;scrollbar-width:none}.dock-tabs::-webkit-scrollbar{display:none}.dock-tabs button{padding:.2rem .5rem;font-size:.8rem;min-height:1.8rem}.dock-body{overflow:auto;padding:.4rem .6rem .6rem;font-size:.78rem;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.dock-body pre{margin:.2rem 0;white-space:pre-wrap;word-break:break-word}.muted{color:var(--ink-dim)}.row{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.card{background:var(--panel-2);border-radius:6px;padding:.5rem;margin:.4rem 0}.bar{background:#171320;border-radius:3px;height:6px;margin:.35rem 0}.bar>div{height:100%;background:var(--accent);border-radius:3px}.speed{position:sticky;bottom:0;background:var(--bg);padding:.5rem 0 .25rem;display:flex;gap:.3rem;align-items:center;flex-wrap:wrap}