:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0e13;--fg:#e6e9ee;--mut:#8b93a1;--warn:#f5a524;--crit:#f31260;--ok:#17c964;--accent:#4da3ff}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0;font:14px/1.5 system-ui,Noto Sans TC,sans-serif;overflow:hidden}#stage{position:fixed;inset:0}#banner{border-bottom:1px solid var(--warn);color:var(--warn);z-index:2;background:#f5a52426;padding:6px 16px;font-size:12px;position:fixed;top:0;left:0;right:0}#panel{z-index:2;background:#12161eeb;border:1px solid #232a36;border-radius:10px;width:340px;padding:12px;position:fixed;top:40px;bottom:12px;right:12px;overflow:auto}#panel h2{color:var(--mut);letter-spacing:.04em;margin:0 0 8px;font-size:13px;font-weight:600}#panel section{margin-bottom:16px}#panel button{all:unset;cursor:pointer;border-radius:6px;width:100%;padding:6px 8px;display:block}#panel button:hover,#panel button.on{background:#1d2430}#panel img,#panel video{background:#000;border-radius:6px;width:100%;margin-top:6px}.tag{border:1px solid;border-radius:4px;padding:0 6px;font-size:11px;display:inline-block}.tag.replay{color:var(--accent)}.tag.live{color:var(--ok)}.tag.offline{color:var(--mut)}.sev-warning{color:var(--warn)}.sev-critical{color:var(--crit)}.sev-info{color:var(--mut)}#perf{color:var(--mut);z-index:2;font:11px ui-monospace,monospace;position:fixed;bottom:8px;left:12px}.muted{color:var(--mut);font-size:12px}.replay-note{border-left:3px solid var(--warn);background:#f5a52414;margin:8px 0;padding:8px;font-size:12px}.replay-controls{gap:8px;margin:8px 0;display:flex}#panel .replay-controls button{box-sizing:border-box;text-align:center;background:#26394e;flex:1;width:auto}#panel button:disabled{opacity:.45;cursor:default}.replay-seek{font-size:12px;display:block}.replay-seek input{width:100%;accent-color:var(--accent);display:block}@media (width<=640px){#panel{width:auto;max-height:38vh;inset:auto 8px 25px}#banner{font-size:10px}}.replay-info{background:#66e5ff14;border-left:3px solid #66e5ff;min-height:1.4em;margin:6px 0;padding:6px 8px;font-size:12px}.replay-info:empty{display:none}.world-switch{gap:6px;display:flex}#panel .world-switch button{text-align:center;background:#1a212b;flex:1;width:auto}#panel .world-switch button.on{background:#66e5ff2e;outline:2px solid #66e5ff}.scene-views{grid-template-columns:1fr 1fr;gap:4px;display:grid}#panel .scene-views button{box-sizing:border-box;text-align:center;background:#1a2830;width:auto}@media (width>=641px){#stage{right:364px}}
