:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e7edf5;background:#07101c;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #e7edf5;--muted: #8493a6;--line: rgba(159, 184, 211, .16);--panel: rgba(12, 26, 42, .88);--mint: #62e0c5;--blue: #5da9ff;--orange: #ffb35c}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 82% 8%,rgba(26,91,113,.24),transparent 30rem),linear-gradient(160deg,#091522,#060c16 70%)}button,select{font:inherit}button{border:0;cursor:pointer}button:disabled{opacity:.48;cursor:wait}a{color:inherit}.shell{width:min(1080px,calc(100% - 40px));margin:0 auto}.shell.wide{width:min(1540px,calc(100% - 40px))}.home{padding:84px 0 100px}.eyebrow,.step{color:var(--mint);font-size:.72rem;letter-spacing:.17em;font-weight:800;text-transform:uppercase}h1{margin:18px 0 22px;max-width:850px;font-size:clamp(2.7rem,7vw,5.6rem);line-height:.98;letter-spacing:-.055em}h1 span{color:#8da0b7}h2{margin:7px 0 10px;font-size:1.28rem}p{color:var(--muted);line-height:1.6}.lede{max-width:720px;font-size:1.08rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 55px #0000002e}.config-banner{margin:40px 0 18px;padding:19px 22px;border:1px solid;border-radius:13px;display:flex;align-items:center;justify-content:space-between}.config-banner strong{display:block}.config-banner p{margin:4px 0 0;font-size:.88rem}.config-banner.ok{border-color:#62e0c559;background:#25695c21}.config-banner.warning{border-color:#ffb35c6b;background:#75491e26}.config-banner.compact{margin:16px 0;padding:13px 17px;font-size:.85rem}.status-dot,.pulse{width:9px;height:9px;flex:none;border-radius:50%;background:var(--orange);box-shadow:0 0 16px var(--orange)}.ok .status-dot{background:var(--mint);box-shadow:0 0 16px var(--mint)}.create-panel{padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.create-panel p{margin:0}button,.role-link{color:#06141c;background:var(--mint);padding:13px 18px;border-radius:10px;font-weight:750;transition:transform .15s ease,filter .15s ease}button:hover,.role-link:hover{filter:brightness(1.08);transform:translateY(-1px)}.secondary{color:var(--ink);background:#21364d}.ghost{color:var(--ink);background:#7d97b31f;border:1px solid var(--line)}.session-result{margin-top:18px;padding:26px}.session-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.session-heading div{min-width:0}.session-heading span{display:block;margin-bottom:7px;color:var(--muted);font-size:.65rem;letter-spacing:.12em}code{color:#b7c7da;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.role-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.role-link{position:relative;display:flex;flex-direction:column;text-decoration:none;padding:22px;min-height:120px;color:#07121d}.role-link.viewer{background:var(--blue)}.role-link small{font-size:.64rem;letter-spacing:.14em;opacity:.66}.role-link strong{margin-top:17px;font-size:1.15rem}.role-link span{position:absolute;top:18px;right:20px;font-size:1.4rem}.note{margin:18px 0 0;font-size:.82rem}.session-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.session-actions .note{margin:0}.copy-link{flex:none;padding:9px 12px;font-size:.75rem}.quick-guide{margin-top:18px;padding:27px}.quick-guide ol{margin:18px 0 0;padding-left:1.3rem;color:#aebccd}.quick-guide li{margin:11px 0;padding-left:7px;line-height:1.5}.quick-guide strong{color:var(--ink)}.quick-guide em{color:var(--mint);font-style:normal}.quick-guide p{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:.8rem}kbd{display:inline-block;min-width:23px;padding:2px 5px;border:1px solid rgba(183,199,218,.35);border-bottom-width:2px;border-radius:5px;color:#dce7f3;background:#132438;font:.72rem ui-monospace,monospace;text-align:center}.error{margin:15px 0;padding:14px 17px;display:flex;gap:12px;border:1px solid rgba(255,111,111,.35);border-radius:11px;color:#ffb7b7;background:#70182338;font-size:.9rem}.session-page{padding:22px 0 60px}.session-bar{min-height:62px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.session-bar .back{color:var(--muted);text-decoration:none;margin-right:5px}.session-bar code{flex:1;font-size:.73rem}.role-badge{padding:6px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:850;color:#07131d}.role-badge.publisher{background:var(--mint)}.role-badge.viewer{background:var(--blue)}.session-bar button{padding:9px 13px;font-size:.78rem}.session-bar .counterpart-link{color:var(--mint);border-color:#62e0c547}.danger-button{color:#ffb7b7}.info-line{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.82rem;margin:15px 2px}.pulse{width:7px;height:7px;background:var(--blue);box-shadow:0 0 12px var(--blue)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.media-column{min-width:0;display:flex;flex-direction:column;gap:16px}.source-controls{padding:20px;display:grid;grid-template-columns:1fr auto minmax(300px,.8fr);align-items:center;gap:18px}.source-controls h2{margin-bottom:0}.camera-row{display:flex;gap:8px}.theta-row{grid-column:1 / -1;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;padding:12px;border:1px solid rgba(98,224,197,.2);border-radius:11px;background:#1b534d1f}.theta-row button{padding:10px 13px;font-size:.76rem}.theta-row span{color:#aab9c9;font:.72rem ui-monospace,monospace;text-align:right;overflow-wrap:anywhere}.theta-button{background:linear-gradient(135deg,var(--mint),#53bde8)}select{min-width:0;width:100%;color:var(--ink);background:#15283b;border:1px solid var(--line);border-radius:9px;padding:11px}.source-facts{grid-column:1 / -1;display:flex;gap:35px;border-top:1px solid var(--line);padding-top:13px;color:var(--muted);font-size:.75rem}.source-facts strong{color:var(--ink);margin-left:7px}.remote-control-panel{padding:18px 20px;display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(270px,.8fr);align-items:center;gap:22px}.remote-control-panel p{margin:0;font-size:.75rem}.remote-dpad{display:grid;grid-template-columns:repeat(3,39px);grid-template-rows:repeat(3,35px);gap:4px}.remote-dpad button{display:grid;place-items:center;padding:0;min-width:0;font-size:1rem}.remote-dpad .up{grid-column:2;grid-row:1}.remote-dpad .left{grid-column:1;grid-row:2}.remote-dpad .center{grid-column:2;grid-row:2;color:var(--mint)}.remote-dpad .right{grid-column:3;grid-row:2}.remote-dpad .down{grid-column:2;grid-row:3}.zoom-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.zoom-controls button{padding:9px 10px;font-size:.72rem}.zoom-controls span{color:#aebdcd;font:.67rem ui-monospace,monospace;text-align:center}.video-stage{position:relative;min-height:520px;overflow:hidden;background:#03070d}.video-stage video{display:block;width:100%;height:100%;min-height:520px;object-fit:contain}.stage-label{position:absolute;z-index:2;left:14px;top:14px;padding:7px 10px;border-radius:6px;color:var(--mint);background:#020910cc;font:700 .64rem ui-monospace,monospace;letter-spacing:.09em}.empty-stage{position:absolute;inset:0;display:grid;place-items:center;color:#53657a;font-size:.85rem;letter-spacing:.06em}.diagnostics{padding:20px}.diagnostics h2{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#b7c7da}.diagnostics dl{margin:15px 0 0}.diagnostics dl div{display:grid;grid-template-columns:1fr 1.15fr;gap:8px;padding:9px 0;border-top:1px solid var(--line)}.diagnostics dt{color:var(--muted);font-size:.72rem}.diagnostics dd{margin:0;text-align:right;color:#d9e4f1;font:.72rem ui-monospace,monospace;overflow-wrap:anywhere}.architecture-note{margin-top:16px;padding:17px;font-size:.72rem;color:#a4b2c2}.architecture-note div{margin:8px 0}.architecture-note p{margin:12px 0 0;font-size:.7rem}.legend{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:8px}.legend.acs{background:var(--orange)}.legend.rtc{background:var(--mint)}.viewer-panel{position:relative;overflow:hidden;min-height:690px;background:#02060b}.viewer-camera-controls{padding:18px 20px;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(520px,1.2fr) auto;align-items:center;gap:18px}.viewer-camera-controls h2{margin-bottom:3px}.viewer-camera-controls p{margin:0;font-size:.75rem}.viewer-camera-controls .camera-row{min-width:0}.viewer-camera-controls .camera-row button{flex:none;padding:10px 12px;font-size:.74rem}.viewer-camera-settings{color:#aebdcd;font:.68rem ui-monospace,monospace;white-space:nowrap}.viewer-camera-panel{padding:18px}.viewer-camera-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.viewer-camera-heading h2{margin-bottom:0}.viewer-camera-heading>span{color:var(--mint);font:.72rem ui-monospace,monospace}.viewer-camera-empty{display:grid;place-items:center;min-height:120px;border:1px dashed var(--line);border-radius:11px;color:#64768a;font-size:.8rem}.viewer-camera-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.viewer-camera-tile{position:relative;overflow:hidden;min-height:155px;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:11px;background:#02060b}.viewer-camera-tile video{display:block;width:100%;height:100%;object-fit:cover}.viewer-camera-tile video.mirrored{transform:scaleX(-1)}.viewer-camera-tile>span{position:absolute;z-index:2;left:9px;bottom:9px;padding:5px 7px;border-radius:5px;color:#e7edf5;background:#020910cc;font:650 .65rem ui-monospace,monospace}.viewer-camera-tile.local{border-color:#62e0c561}.view-tabs{position:absolute;z-index:6;top:14px;left:14px;display:flex;padding:4px;background:#040d16d1;border:1px solid var(--line);border-radius:10px}.view-tabs button{padding:8px 11px;color:#8fa1b5;background:transparent;font-size:.72rem}.view-tabs button.active{color:#07121b;background:var(--mint)}.remote-follow-toggle{position:absolute;z-index:7;top:18px;right:18px;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:#bac8d8;background:#040d16d1;font-size:.68rem;cursor:pointer}.remote-follow-toggle input{accent-color:var(--mint)}.raw-view,.viewer-360{position:absolute;inset:0}.raw-view video{width:100%;height:100%;object-fit:contain;background:#000}.hidden-video{visibility:hidden;pointer-events:none}.tiled-composite-layer{position:absolute;inset:0;display:grid;grid-template-rows:minmax(0,1fr) 190px;gap:8px;padding:58px 12px 12px;background:#02060b}.tiled-composite-layer.hidden-composite{visibility:hidden;pointer-events:none}.tiled-composite-layer>canvas{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:#000}.tile-debug-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:0}.tile-debug{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#000}.tile-debug span{position:absolute;z-index:2;left:7px;top:7px;padding:4px 6px;border-radius:4px;color:var(--mint);background:#020910d1;font:600 .58rem ui-monospace,monospace}.tile-debug video{display:block;width:100%;height:100%;object-fit:contain}.viewer-360 canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.viewer-360 canvas:active{cursor:grabbing}.viewer-tools{position:absolute;z-index:5;right:14px;top:58px;display:flex;gap:8px}.viewer-tools button{padding:8px 10px;font-size:.7rem;background:#040d16d1}.viewer-hint{position:absolute;z-index:5;left:50%;bottom:18px;transform:translate(-50%);padding:7px 11px;border-radius:7px;background:#040d16b3;color:#a6b5c6;font-size:.68rem;pointer-events:none}@media(max-width:1050px){.workspace-grid{grid-template-columns:1fr}.source-controls{grid-template-columns:1fr 1fr}.source-controls>div:first-child{grid-column:1 / -1}.diagnostics dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.remote-control-panel{grid-template-columns:1fr auto}.remote-control-panel .zoom-controls{grid-column:1 / -1}.viewer-camera-controls{grid-template-columns:1fr}}@media(max-width:700px){.shell,.shell.wide{width:min(100% - 24px,1080px)}.home{padding-top:48px}.create-panel,.session-heading,.role-links{display:grid;grid-template-columns:1fr}.session-actions{align-items:stretch;flex-direction:column}.session-bar{flex-wrap:wrap;padding-bottom:12px}.session-bar code{order:5;flex-basis:100%}.source-controls{grid-template-columns:1fr}.source-controls>*{grid-column:1!important}.source-facts{flex-direction:column;gap:7px}.theta-row{grid-template-columns:1fr}.theta-row span{text-align:left}.remote-control-panel{grid-template-columns:1fr}.remote-control-panel .zoom-controls{grid-column:1}.viewer-camera-controls .camera-row{flex-wrap:wrap}.viewer-camera-controls .camera-row select{flex-basis:100%}.remote-follow-toggle{top:65px;right:14px}.diagnostics dl{display:block}.viewer-panel{min-height:520px}.tiled-composite-layer{grid-template-rows:minmax(0,1fr) 210px}.tile-debug-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-tools{top:auto;bottom:14px}.viewer-hint{display:none}}