:root{color:#f4f7fb;font-synthesis:none;text-rendering:optimizelegibility;background:#10141c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh}a{color:#8ac5ff}code{color:#b9dcff}.page-shell{min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));place-items:center;display:grid}.page-card{background:#171d28;border:1px solid #2c3647;border-radius:18px;width:min(100%,680px);padding:clamp(24px,5vw,48px);box-shadow:0 18px 60px #0000003d}.page-card h1{margin:0 0 16px;font-size:clamp(2rem,8vw,3.75rem);line-height:1}.page-card p{line-height:1.6}.eyebrow{color:#8ac5ff;letter-spacing:.14em;text-transform:uppercase;margin-top:0;font-size:.78rem;font-weight:700}.room-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0;display:grid}.room-summary div{background:#10141c;border-radius:12px;min-width:0;padding:14px}.room-summary dt{color:#95a0b3;text-transform:uppercase;font-size:.78rem}.room-summary dd{overflow-wrap:anywhere;margin:5px 0 0}.status-note{color:#aeb8c8}button{color:#f4f7fb;cursor:pointer;background:#243349;border:1px solid #49627f;border-radius:10px;min-height:44px;padding:10px 14px}button:disabled{cursor:wait;opacity:.65}.primary-button{background:#1769aa;margin:8px 0 18px}.room-links{gap:10px;margin-top:20px;display:grid}.room-link{background:#10141c;border-radius:10px;grid-template-columns:72px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.room-link span{text-transform:capitalize}@media (width<=520px){.room-summary,.room-link{grid-template-columns:1fr}}.media-page{min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.media-header{justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}.media-header h1{margin:0;font-size:clamp(1.5rem,4vw,2.5rem)}.media-grid{grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;min-height:0;display:grid}.video-pane{background:#000;border:1px solid #2c3647;border-radius:14px;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.video-element{width:100%;height:100%}.fit-cover{object-fit:cover}.fit-contain{object-fit:contain}.video-placeholder{color:#aeb8c8;text-align:center;max-width:32rem;padding:20px}.video-label{background:#000000a6;border-radius:7px;padding:5px 8px;font-size:.75rem;position:absolute;top:10px;left:10px}.connection-status{gap:8px;margin:0;display:flex}.connection-status div{background:#171d28;border-radius:8px;min-width:88px;padding:8px}.connection-status dt{color:#95a0b3;text-transform:uppercase;font-size:.68rem}.connection-status dd{margin:3px 0 0}.media-controls{align-items:center;gap:12px;min-height:64px;padding-top:12px;display:flex}@media (orientation:landscape){.media-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.media-header{flex-direction:column;align-items:flex-start}.connection-status{width:100%}.connection-status div{flex:1;min-width:0}.media-controls{flex-wrap:wrap;align-items:flex-start}}.control-workspace{grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:12px;min-height:0;display:grid}.crop-editor{grid-template-rows:minmax(0,1fr) auto auto;gap:8px;min-height:0;display:grid}.crop-preview{background:#000;border:1px solid #2c3647;border-radius:14px;min-height:280px;position:relative;overflow:hidden}.crop-source-video{object-fit:contain;width:100%;height:100%}.crop-overlay{touch-action:none;position:absolute;inset:0}.crop-selection{cursor:move;background:#1769aa1f;border:2px solid #45a8ff;position:absolute;box-shadow:0 0 0 9999px #00000073}.crop-selection:focus-visible{outline-offset:2px;outline:3px solid #fff}.crop-handle{background:0 0;border:0;width:44px;min-height:44px;padding:0;position:absolute}.crop-handle:after{content:"";background:#1769aa;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:17px;left:17px}.crop-handle-n{cursor:ns-resize;top:-22px;left:calc(50% - 22px)}.crop-handle-ne{cursor:nesw-resize;top:-22px;right:-22px}.crop-handle-e{cursor:ew-resize;top:calc(50% - 22px);right:-22px}.crop-handle-se{cursor:nwse-resize;bottom:-22px;right:-22px}.crop-handle-s{cursor:ns-resize;bottom:-22px;left:calc(50% - 22px)}.crop-handle-sw{cursor:nesw-resize;bottom:-22px;left:-22px}.crop-handle-w{cursor:ew-resize;top:calc(50% - 22px);left:-22px}.crop-handle-nw{cursor:nwse-resize;top:-22px;left:-22px}.crop-inputs,.crop-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.crop-inputs{padding-top:8px}.crop-inputs label{color:#aeb8c8;grid-template-columns:auto 82px auto;align-items:center;gap:5px;display:grid}.crop-inputs input,.crop-actions select{color:#fff;background:#10141c;border:1px solid #49627f;border-radius:8px;min-height:40px}.crop-inputs input{width:82px;padding:6px}.crop-actions output{color:#95a0b3;font-size:.72rem}@media (width<=900px){.control-workspace{grid-template-rows:minmax(220px,.7fr) minmax(360px,1.3fr);grid-template-columns:1fr}}.obs-page{background:#000;position:fixed;inset:0;overflow:hidden}.obs-video{background:#000;width:100vw;height:100vh}.obs-error{color:#fff;text-align:center;background:#780000cc;margin:0;padding:10px;position:absolute;inset:auto 16px 16px}.obs-status{color:#aeb8c8;margin:0}