:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--panel:#171a21;--line:#262b36;--text:#e6e8ee;--muted:#8b93a7;--accent:#4f8cff;--danger:#e5484d;--ok:#3ecf8e}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.4 -apple-system,system-ui,Segoe UI,Roboto,sans-serif}h1{margin:0 0 16px;font-size:22px}h2{margin:0;font-size:16px}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.brand{font-weight:600}.topbar-right{align-items:center;gap:10px;display:flex}.code{color:var(--muted)}.code b{color:var(--text);letter-spacing:1px;font-size:18px}.pill{color:var(--muted);background:#2a2f3b;border-radius:999px;padding:3px 10px;font-size:12px}.pill-connected{color:var(--ok);background:#163d2c}.pill-connecting,.pill-reconnecting,.pill-signalReconnecting{color:#f0c35a;background:#3d3416}.main{flex-direction:column;gap:12px;padding:12px;display:flex}.grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}@media (width<=1000px){.grid2{grid-template-columns:minmax(0,1fr)}}.stack{flex-direction:column;gap:8px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex}.panel .row>.btn,.panel .row>select{flex-shrink:0}.panel .row .grow{min-width:120px}.panel.sym{grid-template-rows:32px 44px minmax(320px,60vh) 52px 44px;align-items:center;gap:10px;display:grid}.panel.sym .experiment{min-height:36px}.panel.sym .toolbar{flex-wrap:nowrap;min-height:44px;overflow-x:auto}.panel.sym .media{height:100%;min-height:0}.panel.sym .actions{min-height:52px}.panel.sym .footer{min-height:44px}.panel.sym .status{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.video-wrap{background:#000;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.video-wrap video{object-fit:contain;width:100%;height:100%;display:block}.placeholder{color:var(--muted);text-align:center;padding:24px}.pointer-mode{cursor:crosshair;outline:2px solid var(--accent)}.badge{color:#fff;background:#0009;border-radius:999px;padding:2px 8px;font-size:12px;position:absolute;top:8px;right:8px}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.grow{flex:1}input,textarea,select{color:var(--text);border:1px solid var(--line);font:inherit;background:#0f1115;border-radius:6px;width:100%;padding:8px 10px}textarea{resize:vertical}select{width:auto}label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}label.check{flex-direction:row;align-items:center;gap:6px}label.check input{width:auto}.btn{color:var(--text);border:1px solid var(--line);font:inherit;cursor:pointer;white-space:nowrap;background:#262b36;border-radius:6px;padding:8px 14px}.btn:hover{background:#2f3542}.btn:disabled{opacity:.45;cursor:default}.btn-big{padding:12px 22px;font-size:16px;font-weight:600}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-on{border-color:var(--ok);color:var(--ok);background:#163d2c}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.error{color:var(--danger)}.join{flex-direction:column;gap:12px;max-width:560px;margin:48px auto;padding:0 16px;display:flex}.code-input{letter-spacing:2px;text-align:center;width:120px}.tools{gap:6px}.tool{border:1px solid var(--line);color:var(--muted);cursor:pointer;font:inherit;background:0 0;border-radius:6px;padding:8px 14px;font-weight:600}.tool.active{color:var(--text);border-color:var(--accent);background:#1d2a44}.swatches{gap:6px;margin:0 6px;display:inline-flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0}.swatch.active{border-color:#fff}.canvas-wrap{background:#000;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.canvas-wrap canvas{object-fit:contain;touch-action:none;width:100%;height:100%;display:block}.canvas-wrap.empty canvas{display:none}.debug{font-size:13px}.debug-grid{grid-template-columns:1.4fr 1fr;gap:12px;display:grid}@media (width<=1000px){.debug-grid{grid-template-columns:1fr}}.log-lines{flex-direction:column;gap:2px;max-height:360px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:flex;overflow:auto}.log-line .ts{color:var(--muted)}.log-event{color:#9ecbff}.log-timing{color:#ffd60a}.log-error{color:var(--danger)}.glasses-frame{background:#000;border-radius:12px;justify-content:center;padding:10px;display:flex}.glasses-screen{background:#000;width:300px;height:300px;overflow:hidden}.g-card{transform-origin:0 0;flex-direction:column;gap:12px;width:600px;min-height:600px;padding:24px;display:flex;transform:scale(.5)}.g-card img{object-fit:contain;background:#000;border-radius:12px;max-width:552px;max-height:360px}.g-frame{gap:8px;padding:0}.g-frame img{object-fit:contain;border-radius:0;width:100%;max-width:600px;max-height:600px}.g-meta{color:#9aa3b5;font-size:22px}.g-title{color:#fff;font-size:40px;font-weight:600}.g-body{color:#e6e8ee;font-size:30px}.g-buttons{gap:12px;margin-top:auto;display:flex}.g-btn{color:#fff;border:3px solid #fff;border-radius:999px;padding:10px 26px;font-size:26px}.g-empty{color:var(--muted);text-align:center;padding:24px}.display-guide{pointer-events:none;box-sizing:border-box;border:2px dashed #5ac8fa4d;border-radius:4px;position:absolute}.banner{color:#ffd60a;background:#3d2a16;padding:8px 16px;font-size:13px}.thumbs{gap:6px;display:flex;position:absolute;bottom:8px;right:8px}.thumb{cursor:pointer;background:#000;border:2px solid #fff9;border-radius:8px;width:96px;height:128px;padding:0;position:relative;overflow:hidden}.thumb:hover{border-color:var(--accent)}.thumb video{object-fit:cover;width:100%;height:100%;display:block}.thumb span{color:#fff;background:#0000008c;padding:2px 4px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.btn-rec{align-items:center;gap:6px;display:inline-flex}.btn-rec.on{border-color:var(--danger);color:#ff8a8e;background:#3d1616}.rec-dot{background:var(--danger);border-radius:50%;width:10px;height:10px;animation:1.2s infinite blink}.rec-dot.off{background:#6b7280;animation:none}@keyframes blink{50%{opacity:.25}}.modal-backdrop{z-index:20;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;width:360px;padding:20px;display:flex}.modal h2{font-size:18px}.archive{flex-direction:column;gap:12px;padding:16px;display:flex}.archive h1{margin:0;font-size:20px}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 10px}.table th{color:var(--muted);font-size:12px;font-weight:500}.table tr.live td{background:#2a1616}.pill-recording{color:#ff8a8e;background:#3d1616}.pill-done{color:var(--ok);background:#163d2c}.pill-interrupted,.pill-empty{color:#f0c35a;background:#3d3416}.player .grid2{align-items:start}.player .panel{gap:8px}.player-video,.player-picture{height:52vh;min-height:320px}.player-video video{object-fit:contain;width:100%;height:100%}.player-picture{flex-direction:column}.screen-frame{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:8px;display:flex}.screen-frame img{object-fit:contain;max-width:100%;max-height:calc(100% - 60px)}.g-caption{color:#fff;font-size:18px}.g-card-lite{color:#fff;flex-direction:column;align-items:flex-start;gap:10px;padding:24px;font-size:22px;display:flex}.g-card-lite img{border-radius:8px;max-width:100%;max-height:40vh}.g-card-lite .g-buttons{margin-top:8px}.g-card-lite .g-btn{border-width:2px;padding:4px 14px;font-size:16px}.g-card-lite .g-title{font-size:26px}.transport{gap:6px}.seek{width:100%;accent-color:var(--accent)}.timeline{background:#0f1115;border-radius:4px;height:14px;margin:0 4px;position:relative}.mark{cursor:pointer;background:#6b7280;border-radius:2px;width:4px;height:10px;margin-left:-2px;position:absolute;top:2px}.mark-frame,.mark-markup{background:var(--accent)}.mark-card,.mark-steps,.mark-clear{background:#ffd60a}.mark-photo{background:var(--ok)}.mark-button{background:#ff9f0a}.mark-participant{background:#fff}.mark-error,.mark-warning{background:var(--danger)}.mark-status,.mark-ack,.mark-pong,.mark-ping{display:none}.player-log{max-height:280px}.player-log .log-line{cursor:pointer;border-radius:3px;padding:1px 4px}.player-log .log-line.current{background:#1d2a44}.player-log .log-line.future{opacity:.5}.chat{gap:8px}.chat-lines{flex-direction:column;gap:6px;min-height:80px;max-height:220px;padding:4px;display:flex;overflow:auto}.chat-line{background:#262b36;border-radius:10px;flex-direction:column;align-self:flex-start;gap:2px;max-width:70%;padding:6px 10px;display:flex}.chat-line.mine{background:#1d2a44;align-self:flex-end}.chat-line.tech{background:#163d2c}.chat-meta{color:var(--muted);font-size:11px}.chat-text{white-space:pre-wrap;word-break:break-word}.mark-chat{background:#bf5af2}