.livekit-container[data-v-a8d7a274]{height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);padding:20px;color:#fff;overflow:auto}.header[data-v-a8d7a274]{text-align:center;margin-bottom:30px}.header .title[data-v-a8d7a274]{font-size:2rem;margin:0 0 10px 0;color:#fff}.header .subtitle[data-v-a8d7a274]{font-size:1rem;margin:0;color:hsla(0,0%,100%,.7)}.main-content[data-v-a8d7a274]{display:flex;gap:30px;max-width:1400px;margin:0 auto;height:calc(100vh - 140px);min-height:600px}@media(max-width:1200px){.main-content[data-v-a8d7a274]{flex-direction:column;height:auto;min-height:auto}}.control-panel[data-v-a8d7a274]{flex:0 0 350px}.control-panel[data-v-a8d7a274],.video-panel[data-v-a8d7a274]{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border-radius:12px;padding:25px;box-shadow:0 8px 32px rgba(0,0,0,.3)}.video-panel[data-v-a8d7a274]{flex:1;display:flex;flex-direction:column;min-height:0}.panel-title[data-v-a8d7a274]{font-size:1.3rem;margin:0 0 20px 0;color:#fff;border-bottom:2px solid hsla(0,0%,100%,.2);padding-bottom:10px}.input-group[data-v-a8d7a274]{margin-bottom:20px}.input-group label[data-v-a8d7a274]{display:block;margin-bottom:8px;font-weight:500;color:hsla(0,0%,100%,.9);font-size:.9rem}.input-group .input-field[data-v-a8d7a274]{width:100%;padding:10px 15px;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;background:hsla(0,0%,100%,.1);color:#fff;font-size:.95rem;box-sizing:border-box}.input-group .input-field[data-v-a8d7a274]:focus{outline:none;border-color:hsla(0,0%,100%,.4);background:hsla(0,0%,100%,.15)}.input-group .input-field[data-v-a8d7a274]::-moz-placeholder{color:hsla(0,0%,100%,.5)}.input-group .input-field[data-v-a8d7a274]::placeholder{color:hsla(0,0%,100%,.5)}.input-group .input-field[data-v-a8d7a274]:disabled{opacity:.6;cursor:not-allowed}.button-group[data-v-a8d7a274]{display:flex;gap:10px;margin-bottom:25px}.btn[data-v-a8d7a274]{flex:1;padding:12px 20px;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s}.btn[data-v-a8d7a274]:disabled{opacity:.5;cursor:not-allowed}.btn-join[data-v-a8d7a274]{background:#4a5568;color:#fff}.btn-join[data-v-a8d7a274]:hover:not(:disabled){background:#5a6578}.btn-leave[data-v-a8d7a274]{background:#ff6b6b;color:#fff}.btn-leave[data-v-a8d7a274]:hover:not(:disabled){background:#ff5252}.status-section[data-v-a8d7a274]{margin-bottom:25px;padding:15px;background:rgba(0,0,0,.2);border-radius:8px}.status-item[data-v-a8d7a274]{display:flex;align-items:center;gap:10px}.status-label[data-v-a8d7a274]{font-weight:500;color:hsla(0,0%,100%,.8)}.status-value[data-v-a8d7a274]{display:flex;align-items:center;gap:8px;font-weight:500}.status-value.connected[data-v-a8d7a274]{color:#51cf66}.status-value.disconnected[data-v-a8d7a274]{color:hsla(0,0%,100%,.6)}.status-dot[data-v-a8d7a274]{width:10px;height:10px;border-radius:50%;background:currentColor}.device-control[data-v-a8d7a274]{margin-top:25px}.device-title[data-v-a8d7a274]{font-size:1rem;margin:0 0 15px 0;color:hsla(0,0%,100%,.9)}.device-buttons[data-v-a8d7a274]{display:flex;flex-direction:column;gap:10px}.device-btn[data-v-a8d7a274]{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;background:hsla(0,0%,100%,.05);color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s}.device-btn svg[data-v-a8d7a274]{width:24px;height:24px}.device-btn[data-v-a8d7a274]:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3)}.device-btn.active[data-v-a8d7a274]{background:rgba(81,207,102,.2);border-color:#51cf66;color:#51cf66}.video-container[data-v-a8d7a274]{display:flex;flex-direction:column;gap:20px;flex:1;min-height:0;overflow-y:auto}.video-container[data-v-a8d7a274]::-webkit-scrollbar{width:8px}.video-container[data-v-a8d7a274]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:4px}.video-container[data-v-a8d7a274]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:4px}.video-container[data-v-a8d7a274]::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.4)}.video-item[data-v-a8d7a274]{width:100%;min-height:300px;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;position:relative;border:2px solid hsla(0,0%,100%,.1);flex-shrink:0}.video-element[data-v-a8d7a274]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-label[data-v-a8d7a274]{position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.7);color:#fff;padding:5px 12px;border-radius:4px;font-size:.85rem}.no-remote[data-v-a8d7a274]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:hsla(0,0%,100%,.5);font-size:1rem}.livekit-connection[data-v-355c46df]{max-width:600px;margin:0 auto;padding:20px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.component-title[data-v-355c46df]{margin-top:0;margin-bottom:20px;color:#2c3e50;font-size:1.5rem}.connection-controls[data-v-355c46df]{margin-bottom:20px}.input-group[data-v-355c46df]{margin-bottom:15px}.input-group label[data-v-355c46df]{display:block;margin-bottom:5px;font-weight:500;color:#555}.input-group .input-field[data-v-355c46df]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.input-group .input-field[data-v-355c46df]:focus{outline:none;border-color:#42b983}.btn[data-v-355c46df]{padding:10px 20px;margin-right:10px;margin-bottom:10px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s}.btn[data-v-355c46df]:disabled{opacity:.5;cursor:not-allowed}.btn-connect[data-v-355c46df]{background-color:#42b983;color:#fff}.btn-connect[data-v-355c46df]:hover:not(:disabled){background-color:#35a372}.btn-disconnect[data-v-355c46df]{background-color:#e74c3c;color:#fff}.btn-disconnect[data-v-355c46df]:hover:not(:disabled){background-color:#c0392b}.connection-status[data-v-355c46df]{display:flex;align-items:center;padding:10px;border-radius:4px;margin-bottom:15px}.connection-status.connected[data-v-355c46df]{background-color:#d4edda;color:#155724}.connection-status.disconnected[data-v-355c46df]{background-color:#f8d7da;color:#721c24}.status-dot[data-v-355c46df]{width:10px;height:10px;border-radius:50%;margin-right:8px}.connected .status-dot[data-v-355c46df]{background-color:#28a745}.disconnected .status-dot[data-v-355c46df]{background-color:#dc3545}.status-text[data-v-355c46df]{font-weight:500}.error-message[data-v-355c46df]{padding:10px;background-color:#f8d7da;color:#721c24;border-radius:4px;margin-bottom:15px}.room-info[data-v-355c46df]{padding:15px;background-color:#f8f9fa;border-radius:4px;margin-bottom:20px}.room-info h3[data-v-355c46df]{margin-top:0;margin-bottom:10px;color:#2c3e50}.room-info p[data-v-355c46df]{margin:5px 0;color:#555}.media-controls[data-v-355c46df]{margin-top:20px;padding:20px;background-color:#f8f9fa;border-radius:4px}.media-controls h3[data-v-355c46df]{margin-top:0;margin-bottom:15px;color:#2c3e50}.local-video-container[data-v-355c46df]{width:100%;max-width:640px;margin:0 auto 20px;background-color:#000;border-radius:4px;overflow:hidden}.local-video[data-v-355c46df]{width:100%;height:auto;display:block}.control-buttons[data-v-355c46df]{display:flex;gap:10px;justify-content:center;margin-bottom:15px;flex-wrap:wrap}.btn-camera-on[data-v-355c46df]{background-color:#28a745;color:#fff}.btn-camera-on[data-v-355c46df]:hover:not(:disabled){background-color:#218838}.btn-camera-off[data-v-355c46df]{background-color:#6c757d;color:#fff}.btn-camera-off[data-v-355c46df]:hover:not(:disabled){background-color:#5a6268}.btn-mic-on[data-v-355c46df]{background-color:#28a745;color:#fff}.btn-mic-on[data-v-355c46df]:hover:not(:disabled){background-color:#218838}.btn-mic-off[data-v-355c46df]{background-color:#6c757d;color:#fff}.btn-mic-off[data-v-355c46df]:hover:not(:disabled){background-color:#5a6268}.track-status p[data-v-355c46df]{margin:5px 0;color:#555}.track-status p .enabled[data-v-355c46df]{color:#28a745;font-weight:600}.track-status p .disabled[data-v-355c46df]{color:#dc3545;font-weight:600}#app{margin:0;padding:0;width:100%;height:100vh;overflow:hidden}