:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f2ee;--panel:#fff;--text:#1d1d1f;--muted:#6b6b70;--line:#dddad3;--accent:#3d6fd8;--good:#1f9d55;--warn:#d9822b}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17171a;--panel:#212125;--text:#ececf0;--muted:#9a9aa2;--line:#34343a;--accent:#7aa2ff}}*{box-sizing:border-box}body{background:var(--bg);height:100vh;color:var(--text);grid-template-columns:1fr 320px;margin:0;font:14px/1.5 -apple-system,PingFang TC,system-ui,sans-serif;display:grid}#stage{position:relative;overflow:hidden}#three{width:100%;height:100%;display:block}#hud{background:color-mix(in srgb, var(--panel) 85%, transparent);border:1px solid var(--line);border-radius:10px;min-width:160px;padding:10px 14px;position:absolute;top:16px;left:16px}#hud .big{font-size:44px;font-weight:700;line-height:1}#hud .big small{color:var(--muted);margin-left:4px;font-size:16px}#cue{min-height:1.5em;margin-top:4px;font-weight:600}#cue.good{color:var(--good)}#cue.warn{color:var(--warn)}#views{gap:6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:6px 12px}button.on,#start{background:var(--accent);color:#fff;border-color:var(--accent)}#panel{background:var(--panel);border-left:1px solid var(--line);padding:16px;overflow-y:auto}#panel>*{margin:8px 0;display:block}h1{margin:0 0 8px;font-size:18px}label.file{color:var(--muted);font-size:12px}#camwrap{position:relative}#cam,#overlay{border-radius:8px;width:100%;transform:scaleX(-1)}#overlay{position:absolute;inset:0}#status{color:var(--muted);font-size:12px}@media (width<=720px){body{grid-template-rows:60vh 1fr;grid-template-columns:1fr}#panel{border-left:0;border-top:1px solid var(--line)}}