.host-camera[data-v-f7be87ce]{height:100%;display:flex;flex-direction:column}.camera-title[data-v-f7be87ce]{font-size:14px;font-weight:600;color:#333}[dir] .camera-title[data-v-f7be87ce]{margin:0 0 12px 0;text-align:center}.camera-container[data-v-f7be87ce],.camera-feed[data-v-f7be87ce],.camera-placeholder[data-v-f7be87ce]{flex:1;display:flex;flex-direction:column}.camera-placeholder[data-v-f7be87ce]{align-items:center;justify-content:center;color:#fff;min-height:120px}[dir] .camera-placeholder[data-v-f7be87ce]{background-color:#000;border-radius:8px;margin-bottom:8px}.camera-icon[data-v-f7be87ce]{font-size:32px;opacity:.7;color:#dc3545}[dir] .camera-icon[data-v-f7be87ce]{margin-bottom:8px}.camera-text[data-v-f7be87ce]{font-size:14px;font-weight:500}[dir] .camera-text[data-v-f7be87ce]{margin:0}.camera-subtext[data-v-f7be87ce]{font-size:12px;opacity:.7}[dir] .camera-subtext[data-v-f7be87ce]{margin:4px 0 0 0}.host-info[data-v-f7be87ce]{display:flex;justify-content:space-between;align-items:center;font-size:12px}[dir] .host-info[data-v-f7be87ce]{padding:8px;background-color:#f8f9fa;border-radius:4px}.host-name[data-v-f7be87ce]{font-weight:500;color:#333}.connection-status[data-v-f7be87ce]{display:flex;align-items:center;gap:4px;font-weight:500}.connection-status.online[data-v-f7be87ce]{color:#28a745}.connection-status i[data-v-f7be87ce]{font-size:8px}.no-host[data-v-f7be87ce]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}[dir] .no-host[data-v-f7be87ce]{padding:20px;text-align:center}.disconnect-icon[data-v-f7be87ce]{font-size:32px;color:#dc3545;opacity:.7}[dir] .disconnect-icon[data-v-f7be87ce]{margin-bottom:12px}.disconnect-text[data-v-f7be87ce]{color:#dc3545;font-size:14px;font-weight:500}[dir] .disconnect-text[data-v-f7be87ce]{margin:0 0 8px 0}.reconnect-text[data-v-f7be87ce]{color:#6c757d;font-size:12px}[dir] .reconnect-text[data-v-f7be87ce]{margin:0}.mic-off-indicator[data-v-f7be87ce]{display:flex;align-items:center;gap:8px;color:#dc3545;font-size:14px;font-weight:500}[dir] .mic-off-indicator[data-v-f7be87ce]{margin-top:8px}.mic-off-icon[data-v-f7be87ce]{font-size:18px;color:#dc3545}.mic-off-text[data-v-f7be87ce]{color:#dc3545}.bottom-controls[data-v-0a954708]{position:absolute;bottom:0;z-index:1050;pointer-events:none;transition:all .3s ease}[dir=ltr] .bottom-controls[data-v-0a954708],[dir=rtl] .bottom-controls[data-v-0a954708]{left:0;right:0}.bottom-controls.fullscreen-hidden[data-v-0a954708]{opacity:0;pointer-events:none}.bottom-left-controls[data-v-0a954708],.bottom-right-controls[data-v-0a954708]{position:absolute;z-index:1050;pointer-events:auto}.bottom-left-controls[data-v-0a954708]{bottom:20px}[dir=ltr] .bottom-left-controls[data-v-0a954708]{left:20px}[dir=rtl] .bottom-left-controls[data-v-0a954708]{right:20px}.bottom-right-controls[data-v-0a954708]{bottom:20px}[dir=ltr] .bottom-right-controls[data-v-0a954708]{right:20px}[dir=rtl] .bottom-right-controls[data-v-0a954708]{left:20px}.floating-camera[data-v-0a954708]{width:200px;max-height:400px;backdrop-filter:blur(10px);overflow:hidden;transition:all .3s ease;pointer-events:auto}[dir] .floating-camera[data-v-0a954708]{background-color:hsla(0,0%,100%,.95);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);margin-bottom:8px}.floating-camera.hidden[data-v-0a954708]{opacity:0;pointer-events:none}[dir] .floating-camera.hidden[data-v-0a954708]{transform:translateY(20px)}.camera-header[data-v-0a954708]{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:#333}[dir] .camera-header[data-v-0a954708]{padding:8px 12px;background-color:rgba(0,0,0,.05)}.hide-btn[data-v-0a954708]{width:20px;height:20px;color:#dc3545;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s ease}[dir] .hide-btn[data-v-0a954708]{border:none;border-radius:50%;background-color:rgba(220,53,69,.1);cursor:pointer}.hide-btn[data-v-0a954708]:hover{color:#fff}[dir] .hide-btn[data-v-0a954708]:hover{background-color:#dc3545}.camera-toggle-btn[data-v-0a954708]{width:50px;height:50px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease}[dir] .camera-toggle-btn[data-v-0a954708]{border:none;border-radius:50%;background-color:rgba(0,123,255,.9);cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2)}[dir] .camera-toggle-btn[data-v-0a954708]:hover{background-color:#007bff;transform:scale(1.1)}[dir] .camera-toggle-btn.guest[data-v-0a954708]{background-color:rgba(40,167,69,.9)}[dir] .camera-toggle-btn.guest[data-v-0a954708]:hover{background-color:#28a745}[dir] .camera-toggle-btn.local[data-v-0a954708]{background-color:rgba(0,123,255,.9)}[dir] .camera-toggle-btn.local[data-v-0a954708]:hover{background-color:#007bff}.whiteboard-guest[data-v-0a954708],.whiteboard-host[data-v-0a954708]{display:flex;height:100vh;width:100vw;overflow:hidden}[dir] .whiteboard-guest[data-v-0a954708],[dir] .whiteboard-host[data-v-0a954708]{background-color:#f5f5f5}.left-sidebar[data-v-0a954708]{width:220px;display:flex;flex-direction:column;z-index:10;transition:all .3s ease}[dir] .left-sidebar[data-v-0a954708]{background-color:#fff}[dir=ltr] .left-sidebar[data-v-0a954708]{border-right:1px solid #e0e0e0;box-shadow:2px 0 5px rgba(0,0,0,.1)}[dir=rtl] .left-sidebar[data-v-0a954708]{border-left:1px solid #e0e0e0;box-shadow:-2px 0 5px rgba(0,0,0,.1)}.left-sidebar.collapsed[data-v-0a954708]{width:0;overflow:hidden}.right-sidebar[data-v-0a954708]{width:220px;display:flex;flex-direction:column;z-index:10;transition:all .3s ease}[dir] .right-sidebar[data-v-0a954708]{background-color:#fff}[dir=ltr] .right-sidebar[data-v-0a954708]{border-left:1px solid #e0e0e0;box-shadow:-2px 0 5px rgba(0,0,0,.1)}[dir=rtl] .right-sidebar[data-v-0a954708]{border-right:1px solid #e0e0e0;box-shadow:2px 0 5px rgba(0,0,0,.1)}.right-sidebar.collapsed[data-v-0a954708]{width:0;overflow:hidden}.main-content[data-v-0a954708]{flex:1;position:relative;overflow:hidden}[dir] .main-content[data-v-0a954708]{background-color:#fafafa}.mobile-sidebar-toggle[data-v-0a954708]{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600;color:#495057;transition:background-color .2s;min-height:36px}[dir] .mobile-sidebar-toggle[data-v-0a954708]{padding:8px 12px;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;cursor:pointer}[dir] .mobile-sidebar-toggle[data-v-0a954708]:hover{background-color:#e9ecef}.mobile-sidebar-toggle i[data-v-0a954708]{font-size:12px;transition:transform .3s ease}.sidebar-content[data-v-0a954708]{flex:1;display:flex;flex-direction:column;overflow-y:scroll}[dir] .sidebar-section[data-v-0a954708]{border-bottom:1px solid #e0e0e0;padding:12px}[dir] .sidebar-section.compact[data-v-0a954708]{padding:8px}.toolbox-section[data-v-0a954708]{flex:1;overflow-y:auto}[dir] .toolbox-section[data-v-0a954708]{background-color:#fff}.local-camera[data-v-0a954708]{min-height:140px}[dir] .local-camera[data-v-0a954708]{background-color:#f8f9fa}.local-camera.compact[data-v-0a954708]{min-height:100px}.guest-camera[data-v-0a954708]{min-height:140px}[dir] .guest-camera[data-v-0a954708]{background-color:#f8f9fa}.guest-camera.compact[data-v-0a954708]{min-height:100px}.fullscreen-hidden[data-v-0a954708]{display:none!important}.permission-controls[data-v-0a954708]{min-height:120px}[dir] .permission-controls[data-v-0a954708]{background-color:#fff}.permission-controls.compact[data-v-0a954708]{min-height:80px}.chat-box[data-v-0a954708]{flex:1;min-height:250px}[dir] .chat-box[data-v-0a954708]{background-color:#fff}.fullscreen-hidden[data-v-0a954708]{opacity:0!important;pointer-events:none!important}[dir] .fullscreen-hidden[data-v-0a954708]{transform:translateY(20px)!important}.mobile-only[data-v-0a954708]{display:none}@media (max-width:1200px){.mobile-only[data-v-0a954708]{display:flex}.whiteboard-guest[data-v-0a954708],.whiteboard-host[data-v-0a954708]{flex-direction:column;height:100vh}.main-content[data-v-0a954708]{order:1;flex:1;min-height:0}.bottom-left-controls[data-v-0a954708],.bottom-right-controls[data-v-0a954708]{bottom:10px}[dir=ltr] .bottom-left-controls[data-v-0a954708]{left:10px}[dir=ltr] .bottom-right-controls[data-v-0a954708],[dir=rtl] .bottom-left-controls[data-v-0a954708]{right:10px}[dir=rtl] .bottom-right-controls[data-v-0a954708]{left:10px}.floating-camera[data-v-0a954708]{width:160px;max-height:320px}.camera-toggle-btn[data-v-0a954708]{width:45px;height:45px;font-size:16px}.left-sidebar[data-v-0a954708],.right-sidebar[data-v-0a954708]{position:fixed;top:0;height:100vh;width:280px;z-index:1000;transition:transform .3s ease}[dir] .left-sidebar[data-v-0a954708],[dir] .right-sidebar[data-v-0a954708]{background-color:#fff}[dir=ltr] .left-sidebar[data-v-0a954708],[dir=ltr] .right-sidebar[data-v-0a954708]{box-shadow:2px 0 10px rgba(0,0,0,.1)}[dir=rtl] .left-sidebar[data-v-0a954708],[dir=rtl] .right-sidebar[data-v-0a954708]{box-shadow:-2px 0 10px rgba(0,0,0,.1)}[dir=ltr] .left-sidebar[data-v-0a954708]{left:0;transform:translateX(-100%)}[dir=ltr] .right-sidebar[data-v-0a954708],[dir=rtl] .left-sidebar[data-v-0a954708]{right:0;transform:translateX(100%)}[dir=rtl] .right-sidebar[data-v-0a954708]{left:0;transform:translateX(-100%)}.left-sidebar.mobile-open[data-v-0a954708]{z-index:1001}[dir] .left-sidebar.mobile-open[data-v-0a954708]{transform:translateX(0)}.right-sidebar.mobile-open[data-v-0a954708]{z-index:1002}[dir] .right-sidebar.mobile-open[data-v-0a954708]{transform:translateX(0)}.left-sidebar.collapsed[data-v-0a954708],.right-sidebar.collapsed[data-v-0a954708]{width:280px;overflow:visible}.mobile-sidebar-toggle[data-v-0a954708]{position:absolute;top:50%;width:40px;height:80px;flex-direction:column;writing-mode:vertical-rl;text-orientation:mixed;font-size:10px;color:#fff}[dir] .mobile-sidebar-toggle[data-v-0a954708]{transform:translateY(-50%);padding:8px 4px;background-color:#007bff}[dir=ltr] .mobile-sidebar-toggle[data-v-0a954708]{border-radius:0 8px 8px 0;box-shadow:2px 0 5px rgba(0,0,0,.2)}[dir=rtl] .mobile-sidebar-toggle[data-v-0a954708]{border-radius:8px 0 0 8px;box-shadow:-2px 0 5px rgba(0,0,0,.2)}[dir=ltr] .left-sidebar .mobile-sidebar-toggle[data-v-0a954708]{right:-40px}[dir=rtl] .left-sidebar .mobile-sidebar-toggle[data-v-0a954708]{left:-40px}[dir=ltr] .right-sidebar .mobile-sidebar-toggle[data-v-0a954708]{left:-40px;border-radius:8px 0 0 8px}[dir=rtl] .right-sidebar .mobile-sidebar-toggle[data-v-0a954708]{right:-40px;border-radius:0 8px 8px 0}.left-sidebar.mobile-open .mobile-sidebar-toggle[data-v-0a954708],.right-sidebar.mobile-open .mobile-sidebar-toggle[data-v-0a954708]{position:relative;top:auto;width:100%;height:auto;writing-mode:initial;text-orientation:mixed;flex-direction:row;justify-content:space-between;font-size:14px}[dir] .left-sidebar.mobile-open .mobile-sidebar-toggle[data-v-0a954708],[dir] .right-sidebar.mobile-open .mobile-sidebar-toggle[data-v-0a954708]{transform:none;border-radius:0;padding:12px 16px;background-color:#dc3545}[dir=ltr] .left-sidebar.mobile-open .mobile-sidebar-toggle[data-v-0a954708],[dir=ltr] .right-sidebar.mobile-open .mobile-sidebar-toggle[data-v-0a954708],[dir=rtl] .left-sidebar.mobile-open .mobile-sidebar-toggle[data-v-0a954708],[dir=rtl] .right-sidebar.mobile-open .mobile-sidebar-toggle[data-v-0a954708]{right:auto;left:auto}.left-sidebar.mobile-open[data-v-0a954708]:before,.right-sidebar.mobile-open[data-v-0a954708]:before{content:"";position:fixed;top:0;width:100vw;height:100vh;z-index:-1}[dir] .left-sidebar.mobile-open[data-v-0a954708]:before,[dir] .right-sidebar.mobile-open[data-v-0a954708]:before{background-color:rgba(0,0,0,.5)}[dir=ltr] .left-sidebar.mobile-open[data-v-0a954708]:before,[dir=ltr] .right-sidebar.mobile-open[data-v-0a954708]:before{left:0}[dir=rtl] .left-sidebar.mobile-open[data-v-0a954708]:before,[dir=rtl] .right-sidebar.mobile-open[data-v-0a954708]:before{right:0}}@media (max-width:768px){.mobile-sidebar-toggle[data-v-0a954708]{top:10%;height:70px}[dir] .mobile-sidebar-toggle[data-v-0a954708]{transform:translateY(-65%)}}@media (max-width:480px){.left-sidebar[data-v-0a954708],.right-sidebar[data-v-0a954708]{width:100vw}[dir] .sidebar-section[data-v-0a954708]{padding:8px}[dir] .sidebar-section.compact[data-v-0a954708]{padding:6px}}@media (min-width:1200px){.left-sidebar[data-v-0a954708],.right-sidebar[data-v-0a954708]{width:250px}[dir] .sidebar-section[data-v-0a954708]{padding:16px}}[dir] .guest-status[data-v-0a954708]{background-color:#f8f9fa}[dir] .status-info[data-v-0a954708]{text-align:center}.status-title[data-v-0a954708]{font-size:14px;font-weight:600;color:#333}[dir] .status-title[data-v-0a954708]{margin:0 0 12px 0}[dir] .connection-info[data-v-0a954708]{margin-bottom:16px}.connection-status[data-v-0a954708]{justify-content:center;gap:6px;font-weight:500}.connection-status.online[data-v-0a954708]{color:#28a745}.permissions-summary h5[data-v-0a954708]{font-size:12px;font-weight:600;color:#555}[dir] .permissions-summary h5[data-v-0a954708]{margin:0 0 8px 0}.permission-list[data-v-0a954708]{display:flex;flex-direction:column;gap:4px}.permission-item[data-v-0a954708]{display:flex;align-items:center;gap:6px;font-size:11px;color:#28a745;font-weight:500}[dir] .permission-item[data-v-0a954708]{padding:4px 8px;border-radius:4px;background-color:rgba(40,167,69,.1)}.permission-item i[data-v-0a954708]{font-size:10px;width:12px}[dir] .camera-toggle-btn.host[data-v-0a954708]{background-color:rgba(220,53,69,.9)}[dir] .camera-toggle-btn.host[data-v-0a954708]:hover{background-color:#dc3545}.maximize[data-v-0a954708]{position:fixed;top:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center}[dir] .maximize[data-v-0a954708]{background:#000}[dir=ltr] .maximize[data-v-0a954708]{left:0}[dir=rtl] .maximize[data-v-0a954708]{right:0}@media (max-width:768px){.status-title[data-v-0a954708]{font-size:13px}[dir] .status-title[data-v-0a954708]{margin-bottom:8px}.connection-status[data-v-0a954708],.permissions-summary h5[data-v-0a954708]{font-size:11px}[dir] .permissions-summary h5[data-v-0a954708]{margin-bottom:6px}.permission-item[data-v-0a954708]{font-size:10px;gap:4px}[dir] .permission-item[data-v-0a954708]{padding:3px 6px}.permission-item i[data-v-0a954708]{font-size:9px;width:10px}}.chat-container[data-v-0a954708]{display:flex;flex-direction:column;height:300px}[dir] .chat-container[data-v-0a954708]{border:1px solid #e1e5e9;border-radius:8px}.chat-header[data-v-0a954708]{display:flex;justify-content:space-between;align-items:center}[dir] .chat-header[data-v-0a954708]{padding:12px;border-bottom:1px solid #e1e5e9;background-color:#f8f9fa}.chat-header h4[data-v-0a954708]{font-size:14px;font-weight:600}[dir] .chat-header h4[data-v-0a954708]{margin:0}.connection-status[data-v-0a954708]{display:flex;align-items:center;gap:4px;font-size:12px;color:#dc3545}.connection-status.connected[data-v-0a954708]{color:#28a745}.connection-status i[data-v-0a954708]{font-size:8px}.chat-messages[data-v-0a954708]{flex:1;overflow-y:auto}[dir] .chat-messages[data-v-0a954708]{padding:8px;background-color:#fff}.message[data-v-0a954708]{max-width:80%}[dir] .message[data-v-0a954708]{margin-bottom:8px;padding:6px 8px;border-radius:6px}.message.own[data-v-0a954708]{color:#fff}[dir] .message.own[data-v-0a954708]{background-color:#28a745}[dir=ltr] .message.own[data-v-0a954708]{margin-left:auto;text-align:right}[dir=rtl] .message.own[data-v-0a954708]{margin-right:auto;text-align:left}.message[data-v-0a954708]:not(.own):not(.system){color:#333}[dir] .message[data-v-0a954708]:not(.own):not(.system){background-color:#e9ecef}.message.system[data-v-0a954708]{color:#856404;font-style:italic;font-size:12px}[dir] .message.system[data-v-0a954708]{background-color:#fff3cd;text-align:center}[dir=ltr] .message.system[data-v-0a954708],[dir=rtl] .message.system[data-v-0a954708]{margin-left:auto;margin-right:auto}.message-content[data-v-0a954708]{font-size:13px;line-height:1.4}.message-time[data-v-0a954708]{font-size:10px;opacity:.7}[dir] .message-time[data-v-0a954708]{margin-top:2px}.chat-input[data-v-0a954708]{display:flex}[dir] .chat-input[data-v-0a954708]{padding:8px;border-top:1px solid #e1e5e9;background-color:#f8f9fa}.message-input[data-v-0a954708]{flex:1;font-size:13px;outline:none;width:100%}[dir] .message-input[data-v-0a954708]{padding:6px 8px;border:1px solid #ced4da;border-radius:4px}[dir] .message-input[data-v-0a954708]:focus{border-color:#28a745;box-shadow:0 0 0 2px rgba(40,167,69,.25)}.send-btn[data-v-0a954708]{color:#fff;font-size:12px}[dir] .send-btn[data-v-0a954708]{padding:6px 12px;background-color:#28a745;border:none;border-radius:4px;cursor:pointer}[dir=ltr] .send-btn[data-v-0a954708]{margin-left:8px}[dir=rtl] .send-btn[data-v-0a954708]{margin-right:8px}[dir] .send-btn[data-v-0a954708]:hover{background-color:#218838}[dir] .connection-status .connection-container[data-v-0a954708]{background-color:#f0f8ff;border:1px solid #b3d7ff;border-radius:8px;padding:12px}[dir] .connection-status .connection-header[data-v-0a954708]{margin-bottom:8px}.connection-status .connection-header h5[data-v-0a954708]{font-size:13px;font-weight:600;color:#06c}[dir] .connection-status .connection-header h5[data-v-0a954708]{margin:0}[dir] .connection-status .connection-info[data-v-0a954708]{text-align:center}.connection-status .connection-status[data-v-0a954708]{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:500;color:#dc3545}.connection-status .connection-status.connected[data-v-0a954708]{color:#28a745}.connection-status .connection-status i[data-v-0a954708]{font-size:8px}.permission-status[data-v-0a954708]{font-size:12px}[dir] .permission-status[data-v-0a954708]{margin-bottom:10px}.device-status[data-v-0a954708]{display:flex;flex-direction:column;gap:5px}.audio-status[data-v-0a954708],.video-status[data-v-0a954708]{display:flex;align-items:center;gap:5px}.no-devices[data-v-0a954708]{color:#dc3545}[dir] .no-devices[data-v-0a954708]{text-align:center;padding:10px}.text-success[data-v-0a954708]{color:#28a745!important}.text-danger[data-v-0a954708]{color:#dc3545!important}.text-muted[data-v-0a954708]{color:#6c757d!important}