*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0d0f12;--panel: #16191f;--border: #262b33;--text: #e8eaee;--dim: #8a93a3;--rec: #e5484d;--ok: #3dd68c;--accent: #5b9dff}html,body,#root{height:100%}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Variable.woff2) format("woff2");font-weight:300 900;font-display:swap}body{background:var(--bg);color:var(--text);font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--border);border-radius:0;padding:.55em 1em;cursor:pointer}button:hover{border-color:var(--dim)}button:disabled{opacity:.45;cursor:default}input{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--border);border-radius:0;padding:.55em .8em}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--dim)}.dot.on{background:var(--ok)}.dot.rec{background:var(--rec);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.35}}.camera-page{height:100%;display:flex;flex-direction:column;background:#000}.camera-video{flex:1;min-height:0;width:100%;object-fit:contain;background:#000}.camera-page.recording{box-shadow:inset 0 0 0 5px var(--rec)}.camera-bar{display:flex;align-items:center;gap:.7em;padding:max(.7em,env(safe-area-inset-top)) 1em .7em;background:#0d0f12d9}.camera-bar .name{font-weight:600}.camera-bar .spacer{flex:1}.camera-status{position:fixed;left:50%;bottom:max(1.4em,env(safe-area-inset-bottom));transform:translate(-50%);padding:.5em 1.1em;border-radius:0;background:#0d0f12d9;font-weight:600;letter-spacing:.03em}.camera-status.rec{background:var(--rec)}.banner{background:var(--rec);color:#fff;text-align:center;padding:.6em 1em;font-weight:600}.center-card{margin:auto;display:flex;flex-direction:column;gap:1em;padding:2em;width:min(26em,92vw)}.center-card h1{font-size:1.4em}.center-card .hint{color:var(--dim);font-size:.9em}.chip-row{display:flex;gap:.5em;flex-wrap:wrap}.big{padding:.9em 1.2em;font-size:1.05em;font-weight:600;background:var(--accent);border:none;color:#fff}.producer-page{min-height:100%;display:flex;flex-direction:column}.producer-header{display:flex;align-items:center;gap:1em;padding:.9em 1.2em;border-bottom:1px solid var(--border)}.producer-header h1{font-size:1.05em;letter-spacing:.02em}.producer-header .spacer{flex:1}.rec-button{display:flex;align-items:center;gap:.6em;font-weight:700;font-size:1em;padding:.7em 1.5em;border-radius:0;background:var(--rec);border:none;color:#fff}.rec-button.stop{background:var(--panel);border:1px solid var(--rec);color:var(--rec)}.rec-timer{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.1em}.producer-page{height:100vh;overflow-y:auto}.mosaic{height:calc(100vh - 58px);flex-shrink:0;display:grid;gap:2px;padding:2px}.sessions{flex-shrink:0}.cell{position:relative;background:var(--panel);overflow:hidden;cursor:pointer;min-height:0;min-width:0}.cell img,.cell video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cell .nosignal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--dim)}.sticky{position:absolute;top:0;left:0;z-index:2;padding:5px 12px 8px 8px;font-weight:700;line-height:1.02;letter-spacing:-.01em}.sticky .num{display:block;font-size:1.5em}.sticky .nm{display:block;font-size:1em}.cell.big .sticky{padding:8px 18px 12px 12px}.cell.big .sticky .num{font-size:2.6em}.cell.big .sticky .nm{font-size:1.5em}.cell.live{outline:4px solid var(--rec);outline-offset:-4px}.cell.onair img,.cell.onair video{filter:brightness(.35)}.cell .cell-status{position:absolute;bottom:8px;left:8px;z-index:2}.cell .cell-x{position:absolute;top:6px;right:6px;z-index:3;display:none;padding:.15em .55em;background:#0d0f12cc}.cell:hover .cell-x{display:block}.cell .cell-controls{position:absolute;left:0;right:0;bottom:0;z-index:3;display:none;align-items:center;gap:.6em;padding:.5em .8em;background:#0d0f12d1;font-size:.85em}.cell:hover .cell-controls{display:flex}.cell .cell-controls input[type=range]{flex:1;accent-color:var(--accent)}.cell.add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7em;border:1px dashed var(--border);background:transparent;text-align:center;padding:.8em}.tile{background:var(--panel);border:1px solid var(--border);border-radius:0;overflow:hidden;display:flex;flex-direction:column;flex-shrink:0;cursor:pointer}.tile.selected{border-color:var(--accent)}.tile .frame{position:relative;aspect-ratio:16 / 10;background:#000;display:flex;align-items:center;justify-content:center;color:var(--dim);overflow:hidden}.tile .frame img,.tile .frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.tile .frame .key{position:absolute;top:8px;left:8px;z-index:1;background:#0d0f12bf;color:#fff;font-weight:700;padding:1px 9px;border-radius:0}.tile.live{outline:3px solid var(--rec);outline-offset:-1px}.tile-controls{display:flex;align-items:center;gap:.6em;padding:0 .8em .55em;font-size:.85em}.tile-controls input[type=range]{flex:1;accent-color:var(--accent)}.tile-controls button{padding:.2em .6em;font-size:.9em}.camera-zoom{position:fixed;left:50%;bottom:max(4.4em,calc(env(safe-area-inset-bottom) + 3.4em));transform:translate(-50%);display:flex;align-items:center;gap:.7em;width:min(22em,80vw);padding:.5em 1em;border-radius:0;background:#0d0f12d9}.camera-zoom input[type=range]{flex:1;accent-color:var(--accent)}.tile.live .frame .key{background:var(--rec)}.tile .frame img,.tile .frame video{width:100%;height:100%;object-fit:contain}.tile .tile-bar{display:flex;align-items:center;gap:.6em;padding:.55em .8em;font-size:.92em}.tile .tile-bar .spacer{flex:1}.tile .kind{color:var(--dim);font-size:.85em}.tile.add{align-items:center;justify-content:center;gap:.8em;min-height:160px;border-style:dashed;padding:.8em;text-align:center}.sessions{padding:0 1.2em 1.4em}.sessions h2{font-size:.95em;color:var(--dim);margin-bottom:.6em}.session-row{display:flex;align-items:center;gap:.9em;padding:.55em .8em;border:1px solid var(--border);border-radius:0;margin-bottom:.5em;font-size:.92em}.session-row .spacer{flex:1}.session-row .meta{color:var(--dim)}.edit-page{height:100%;display:flex;flex-direction:column}.edit-main{flex:1;min-height:0;display:flex;gap:1em;padding:1em 1.2em}.edit-program{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;cursor:pointer}.program-canvas{height:100%;max-height:70vh;max-width:100%;background:#000;border-radius:0}.edit-angles{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:.7em;overflow-y:auto}.angle{position:relative;border:2px solid var(--border);border-radius:0;overflow:hidden;cursor:pointer;background:#000}.angle video{width:100%;display:block}.angle .key{position:absolute;top:8px;left:8px;color:#fff;font-weight:700;padding:1px 9px;border-radius:0}.angle .angle-rotate{position:absolute;top:6px;right:6px;padding:.15em .5em;background:#0d0f12b3}.angle .angle-name{position:absolute;bottom:6px;left:8px;font-size:.85em;font-weight:600;text-shadow:0 1px 3px #000}.timeline{position:relative;display:flex;height:60px;margin:0 1.2em 1.2em;border:1px solid var(--border);border-radius:0;overflow:hidden;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.timeline .seg{position:relative;height:100%;opacity:.75;display:flex;align-items:center;justify-content:center;overflow:hidden}.timeline .seg:hover{opacity:.95}.timeline .seg-label{font-size:.75em;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap;pointer-events:none}.timeline .seg-x{position:absolute;top:4px;right:4px;display:none;padding:0 .45em;border:none;border-radius:0;background:#0000008c;color:#fff;line-height:1.4}.timeline .seg:hover .seg-x{display:block}.timeline .cut-handle{position:absolute;top:0;bottom:0;width:12px;margin-left:-6px;cursor:col-resize;z-index:2}.timeline .cut-handle:after{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background:#ffffffe6}.timeline .cut-handle:hover:after{width:4px;left:4px}.timeline .playhead{position:absolute;top:0;bottom:0;width:2px;background:#fff;pointer-events:none}select{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--border);border-radius:0;padding:.3em .5em}.toast{position:fixed;bottom:1.2em;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--border);border-radius:0;padding:.7em 1.1em}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#000000a6}.join-panel{position:relative;display:flex;gap:2em;max-width:min(52em,92vw);max-height:90vh;overflow:auto;padding:1.6em 2em;background:var(--panel);border:1px solid var(--border)}.join-col{display:flex;flex-direction:column;align-items:center;gap:.8em;text-align:center;max-width:20em}.join-col h2{margin:0;font-size:1em}.join-col.setup{border-left:1px solid var(--border);padding-left:2em;justify-content:center}.join-qr{width:240px;height:240px;background:#fff}.join-qr.small{width:150px;height:150px}.join-url{font-family:ui-monospace,monospace;font-size:.85em;-webkit-user-select:all;user-select:all;word-break:break-all}.join-x{position:absolute;top:8px;right:8px;padding:.15em .55em}@media(max-width:700px){.join-panel{flex-direction:column}.join-col.setup{border-left:none;border-top:1px solid var(--border);padding-left:0;padding-top:1.4em}}.check-page{min-height:100%;max-width:1080px;margin:0 auto;padding:1.4em 1.6em 3em;display:flex;flex-direction:column;gap:1.2em}.check-header{display:flex;align-items:baseline;gap:.8em}.check-header h1{font-size:1.3em;font-weight:700}.check-header span{color:var(--dim)}.check-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.2em;align-items:start}@media(max-width:760px){.check-grid{grid-template-columns:1fr}}.steps{display:flex;flex-direction:column;border:1px solid var(--border);background:var(--panel)}.step{display:flex;align-items:center;gap:.9em;padding:.95em 1em;border-bottom:1px solid var(--border)}.step:last-child{border-bottom:0}.step .label{font-weight:600;min-width:8em}.step .detail{color:var(--dim);flex:1;min-width:0}.dot.active{background:var(--accent);animation:pulse 1.2s infinite}.dot.warn{background:#f5a524}.dot.fail{background:var(--rec)}.dot.pending{background:var(--border)}.check-join{border:1px solid var(--border);background:var(--panel);padding:1.2em;display:flex;flex-direction:column;align-items:center;gap:.7em;text-align:center}.check-join img{width:240px;height:240px;background:#fff;image-rendering:pixelated}.check-code{font-size:1.7em;letter-spacing:.25em;font-weight:700;font-variant-numeric:tabular-nums}.check-code-inline{letter-spacing:.15em}.check-url{color:var(--dim);font-size:.9em;word-break:break-all}.verdict{border:1px solid var(--border);border-left-width:6px;background:var(--panel);padding:1.3em 1.5em;display:flex;flex-direction:column;gap:.9em}.verdict.green{border-left-color:var(--ok)}.verdict.yellow{border-left-color:#f5a524}.verdict.red{border-left-color:var(--rec)}.verdict h2{font-size:1.5em;font-weight:700}.verdict ul{padding-left:1.2em;line-height:1.5}.verdict .numbers{display:flex;flex-wrap:wrap;gap:1.6em 2.4em;color:var(--dim);font-variant-numeric:tabular-nums}.verdict .numbers b{display:block;color:var(--text);font-size:1.4em}.verdict .actions{display:flex;gap:.6em;flex-wrap:wrap}.join-page{min-height:100%;display:flex;flex-direction:column;background:#000}.join-page video{width:100%;max-height:38vh;object-fit:cover;background:#000}.join-body{padding:max(1.2em,env(safe-area-inset-top)) 1.2em max(1.2em,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1em;line-height:1.45}.join-body h1{font-size:1.3em;font-weight:700}.join-status{display:flex;align-items:center;gap:.7em;font-weight:600;padding:1em 0}