*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#0a0b0f;font-family:system-ui,sans-serif;color:#e7eaf2}#bar{height:46px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#111319;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto;white-space:nowrap}.blabel{font-weight:600;font-size:13px;opacity:.8}.chip{background:#1b1e27;color:#cdd2de;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:5px 11px;font:600 12px system-ui,sans-serif;cursor:pointer;white-space:nowrap}.chip:hover{border-color:#8db7ff80}.chip.on{background:#274690;border-color:#5b8bff;color:#fff}.hint{margin-left:auto;font-size:11px;opacity:.6;white-space:nowrap}.hint a{color:#8db7ff}#stage{height:calc(100vh - 46px);display:grid;grid-auto-rows:1fr;gap:2px;background:#000}.panel{position:relative;overflow:hidden;background:#0a0a0c;min-width:0;min-height:0}.panel canvas{display:block;width:100%;height:100%}.pbody{width:100%;height:100%}.ptag{position:absolute;top:6px;left:6px;z-index:5;pointer-events:none;background:#0a0c10b8;color:#e7eaf2;font:600 11px system-ui,sans-serif;padding:2px 7px;border-radius:5px}.modebtn{position:absolute;top:6px;right:6px;z-index:6;background:#14161cd9;color:#cdd2de;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:3px 8px;font:600 11px system-ui,sans-serif;cursor:pointer}.err{padding:16px;color:#aab;font:12px/1.5 system-ui,sans-serif}