:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html{height:100%;margin:0}body{overflow:auto}html[data-v-8f8a3a76],body[data-v-8f8a3a76]{margin:0;padding:0;height:100%;background:#0b0f17}[data-v-8f8a3a76]{box-sizing:border-box}.app[data-v-8f8a3a76]{width:100%;min-height:95vh;min-height:95dvh;display:flex;flex-direction:column;overflow:hidden;background:#0b0f17;color:#e9eefc;font-family:ui-sans-serif,system-ui}.topbar[data-v-8f8a3a76]{flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap;padding:calc(12px + env(safe-area-inset-top)) 16px 12px 16px}.brand[data-v-8f8a3a76]{display:flex;flex-direction:row;align-items:flex-start;gap:4px}.brand-logo[data-v-8f8a3a76]{width:42px;height:42px;object-fit:contain}.brand-text[data-v-8f8a3a76]{padding:8px;font-weight:700;font-size:14px;letter-spacing:.3px}.field[data-v-8f8a3a76]{display:flex;flex-direction:column;gap:6px;font-size:12px;opacity:.95}.field input[data-v-8f8a3a76]{width:220px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:inherit}.btn[data-v-8f8a3a76]{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:inherit;cursor:pointer}.btn[data-v-8f8a3a76]:disabled{opacity:.4;cursor:not-allowed}.btn.danger[data-v-8f8a3a76]{border-color:#ff505073}.status[data-v-8f8a3a76]{padding:8px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(255,255,255,.12);white-space:nowrap}.status.ok[data-v-8f8a3a76]{background:#00ffaa14;border-color:#00ffaa40}.status.bad[data-v-8f8a3a76]{background:#ff50501f;border-color:#ff505059}.main[data-v-8f8a3a76]{flex:1 1 auto;min-height:0;display:flex;padding-bottom:env(safe-area-inset-bottom)}.stage[data-v-8f8a3a76]{flex:1 1 auto;min-width:0;min-height:0;position:relative;background:#000;overflow:hidden}.remote[data-v-8f8a3a76]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.local[data-v-8f8a3a76]{position:absolute;right:16px;bottom:16px;width:280px;height:160px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px #00000059}.overlay-controls[data-v-8f8a3a76]{position:absolute;top:20px;right:80px;transform:translate(-50%);display:flex;gap:6px;width:24px;height:24px}.btn-3d[data-v-8f8a3a76]{min-width:64px;height:48px;font-size:14px;padding:10px 18px;border-radius:12px;background:linear-gradient(145deg,#1f2937,#0f172a);color:#fff;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .15s ease;box-shadow:0 6px #0b1220,0 10px 20px #0006}.btn-3d[data-v-8f8a3a76]:active{transform:translateY(4px);box-shadow:0 2px #0b1220,0 6px 12px #00000059}.btn-danger[data-v-8f8a3a76]{border:1px solid #ef4444}.btn-danger[data-v-8f8a3a76]:active{box-shadow:0 2px #7f1d1d,0 6px 12px #00000059}.controls[data-v-8f8a3a76]{display:flex;align-items:end;gap:10px;flex:1;flex-wrap:wrap}.controls-row[data-v-8f8a3a76]{display:flex;align-items:flex-end;gap:12px;flex-wrap:nowrap;min-width:0;margin-bottom:auto}.controls-row button[data-v-8f8a3a76]{flex-shrink:0}.room-field[data-v-8f8a3a76]{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.room-input[data-v-8f8a3a76]{flex:1;min-width:0;box-sizing:border-box}.room-input[data-v-8f8a3a76]{width:100%;min-width:0;box-sizing:border-box;padding:12px 16px;border-radius:12px;background:linear-gradient(145deg,#0f172a,#0b1220);border:1px solid rgba(255,255,255,.18);color:#e5e7eb;font-size:15px;letter-spacing:.3px;outline:none;transition:all .2s ease}.room-input[data-v-8f8a3a76]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.room-label[data-v-8f8a3a76]{font-size:13px;font-weight:500;color:#fff9;letter-spacing:.4px}.room-input[data-v-8f8a3a76]{width:100%;padding:12px 16px;border-radius:12px;background:linear-gradient(145deg,#0f172a,#0b1220);border:2px solid rgba(255,255,255,.08);color:#e5e7eb;font-size:15px;outline:none;transition:all .25s ease}.room-input[data-v-8f8a3a76]::placeholder{color:#ffffff59}.room-input[data-v-8f8a3a76]:focus{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee26}.btn-muted[data-v-8f8a3a76]{border:1px solid rgba(251,191,36,.9);box-shadow:0 6px #92400ee6,0 10px 20px #0006}.icon-btn[data-v-8f8a3a76]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:none;border-radius:12px;background:#1f2937;cursor:pointer;transition:all .15s ease}.icon-btn[data-v-8f8a3a76]:hover{background:#374151}.icon-btn[data-v-8f8a3a76]:active{transform:scale(.92)}.icon-btn[data-v-8f8a3a76]:disabled{opacity:.4;cursor:not-allowed}.mic-icon[data-v-8f8a3a76]{width:36px;height:36px;object-fit:contain;pointer-events:none}.status-group[data-v-8f8a3a76]{display:flex;flex-direction:column;gap:4px}.video-wrap[data-v-8f8a3a76]{position:relative}.blackout[data-v-8f8a3a76]{position:absolute;inset:0;background:#000}.room-input[data-v-8f8a3a76]{min-width:0}@media(max-width:750px){.local[data-v-8f8a3a76]{width:200px;height:120px;right:10px;bottom:10px}.field input[data-v-8f8a3a76]{width:180px}.status-group[data-v-8f8a3a76]{display:none}.overlay-controls[data-v-8f8a3a76]{top:10px;right:80px;gap:6px;width:24px;height:24px}}