.preview-page[data-v-cce77210]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.preview-card[data-v-cce77210]{width:100%;max-width:480px;background:var(--bg-panel-solid);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px 28px;box-shadow:var(--shadow-lg)}.preview-title[data-v-cce77210]{text-align:center;font-size:22px;margin-bottom:6px}.brand[data-v-cce77210]{text-align:center;margin-bottom:20px;padding:16px 0}.brand-name[data-v-cce77210]{font-size:28px;font-weight:700;letter-spacing:4px;background:linear-gradient(90deg,var(--accent) 0%,#34d399 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.brand-slogan[data-v-cce77210]{color:var(--fg-secondary);font-size:12px;letter-spacing:1px}.preview-subtitle[data-v-cce77210]{text-align:center;color:var(--fg-secondary);font-size:13px;margin-bottom:20px}.preview-video-wrap[data-v-cce77210]{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg-tile);border-radius:var(--radius-md);overflow:hidden;margin-bottom:20px}.preview-video-wrap video[data-v-cce77210]{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.preview-placeholder[data-v-cce77210]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--fg-muted);font-size:14px}.preview-audio-icon[data-v-cce77210]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--fg-secondary);background:var(--bg-tile)}.preview-audio-icon svg[data-v-cce77210]{width:48px;height:48px}.preview-row[data-v-cce77210]{margin-bottom:10px}.preview-label[data-v-cce77210]{display:block;color:var(--fg-secondary);font-size:12px;margin-bottom:6px}.input[data-v-cce77210]{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--fg-primary);font-size:14px;outline:none;transition:border-color .2s}.input[data-v-cce77210]:focus{border-color:var(--accent)}.mode-buttons[data-v-cce77210]{display:flex;gap:8px;margin-bottom:14px}.mode-btn[data-v-cce77210]{flex:1;padding:10px;background:var(--bg-tile);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--fg-secondary);transition:all .2s}.mode-btn.active[data-v-cce77210]{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.btn-text[data-v-cce77210]{font-size:14px;white-space:nowrap}.preview-join-row[data-v-cce77210]{display:flex;gap:8px;margin-bottom:12px;align-items:stretch}.join-btn[data-v-cce77210]{min-width:120px;height:44px;padding:0 24px;background:var(--accent);color:#fff;border-radius:var(--radius-md);font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .2s}.join-btn[data-v-cce77210]:hover:not(:disabled){background:var(--accent-hover)}.join-btn[data-v-cce77210]:disabled{opacity:.5;cursor:not-allowed}.join-btn-text[data-v-cce77210]{white-space:nowrap}.preview-hint[data-v-cce77210]{text-align:center;color:var(--fg-muted);font-size:12px}@media (max-width: 500px){.preview-page[data-v-cce77210]{padding:0}.preview-card[data-v-cce77210]{width:100%;height:100%;max-width:none;border-radius:0;border:none;box-shadow:none;padding:16px;display:flex;flex-direction:column;justify-content:center;overflow:auto}.preview-video-wrap[data-v-cce77210]{border-radius:0}.brand[data-v-cce77210]{padding:8px 0;margin-bottom:12px}.brand-name[data-v-cce77210]{font-size:24px;letter-spacing:3px}.preview-subtitle[data-v-cce77210],.preview-video-wrap[data-v-cce77210]{margin-bottom:14px}.mode-buttons[data-v-cce77210]{margin-bottom:12px}}.status-bar[data-v-2c5abfba]{width:100%;height:56px;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:0 20px;background:var(--bg-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);font-size:13px;position:relative;z-index:100}.status-dot[data-v-2c5abfba]{width:8px;height:8px;border-radius:50%;background:var(--fg-muted)}.dot-connected[data-v-2c5abfba]{background:var(--status-connected);box-shadow:0 0 0 4px #22c55e26;animation:pulse-2c5abfba 2s infinite}.dot-connecting[data-v-2c5abfba]{background:var(--status-connecting);animation:pulse-2c5abfba 1s infinite}.dot-disconnected[data-v-2c5abfba]{background:var(--status-disconnected)}.dot-failed[data-v-2c5abfba]{background:var(--status-failed)}@keyframes pulse-2c5abfba{0%{box-shadow:0 0 #f59e0b66}70%{box-shadow:0 0 0 6px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.status-divider[data-v-2c5abfba]{width:1px;height:14px;background:var(--border-color-strong)}.status-room span[data-v-2c5abfba]{color:var(--fg-secondary)}.quality-text[data-v-2c5abfba]{color:var(--fg-secondary);min-width:48px}.icon-only-btn[data-v-2c5abfba]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--fg-secondary);border-radius:var(--radius-sm);transition:background .2s,color .2s}.icon-only-btn svg[data-v-2c5abfba]{width:16px;height:16px}.icon-only-btn[data-v-2c5abfba]:hover{background:var(--accent-light);color:var(--accent)}.user-tile[data-v-6a8423fa]{position:relative;background:#000;border-radius:0;overflow:hidden;aspect-ratio:16 / 9;border:1px solid var(--border-color);transition:border-color .2s}.user-tile[data-v-6a8423fa]:hover{border-color:var(--accent)}.user-tile.is-spotlight[data-v-6a8423fa]{border:2px solid var(--accent-solid);box-shadow:0 0 0 1px #10b98140,0 0 16px #10b98159;z-index:1}.user-tile.is-local .user-video[data-v-6a8423fa]{transform:scaleX(-1)}.user-tile.audio-muted[data-v-6a8423fa]:not(.is-spotlight){border-color:var(--status-disconnected)}.user-tile.video-off .user-video[data-v-6a8423fa]{visibility:hidden}.video-frame[data-v-6a8423fa]{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,rgba(16,185,129,.2) 0%,rgba(16,185,129,.06) 40%,transparent 70%),linear-gradient(135deg,#0a0e17 0%,#0f172a 50%,#0a0e17 100%)}.user-video[data-v-6a8423fa]{width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:radial-gradient(circle at center,rgba(16,185,129,.2) 0%,rgba(16,185,129,.06) 40%,transparent 70%),linear-gradient(135deg,#0a0e17 0%,#0f172a 50%,#0a0e17 100%)}.user-avatar-placeholder[data-v-6a8423fa]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--fg-secondary);font-size:16px;background:var(--bg-tile)}.tile-bottom-bar[data-v-6a8423fa]{position:absolute;left:0;right:0;bottom:0;width:100%;height:26px;box-sizing:border-box;padding:0 10px;display:flex;align-items:center;justify-content:space-between;background:#232323;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--fg-primary);z-index:2;border-top:#000;opacity:.6}.tile-name[data-v-6a8423fa]{flex:1 1 auto;max-width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:26px;color:#fff;font-weight:500}.tile-actions[data-v-6a8423fa]{flex:0 0 auto;display:flex;align-items:center;gap:4px}.tile-btn[data-v-6a8423fa]{width:18px;height:18px;padding:0;border:none;background:transparent;color:#fff;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;transition:background .15s,opacity .15s}.tile-btn[data-v-6a8423fa]:hover{background:rgba(255,255,255,.18)}.tile-btn.is-off[data-v-6a8423fa]{color:#ffffff59}.tile-icon-slash[data-v-6a8423fa]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.video-grid[data-v-d8cf255c]{width:100%;height:100%;padding:0;box-sizing:border-box;background:var(--bg-page)}.video-placeholder[data-v-d8cf255c]{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;color:var(--fg-muted);font-size:14px;padding:60px 0}[data-v-d8cf255c] .main-tile,[data-v-d8cf255c] .sidebar-tile{background:var(--bg-tile);border-radius:0;overflow:hidden}.layout-single[data-v-d8cf255c]{display:flex;align-items:center;justify-content:center}.layout-single[data-v-d8cf255c] .main-tile{width:min(90%,480px);aspect-ratio:16 / 9;align-content:center;justify-content:center;max-width:1000px;margin:0 auto}.layout-two[data-v-d8cf255c]{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center;justify-content:center;max-width:1000px;margin:0 auto}.layout-two[data-v-d8cf255c] .main-tile{aspect-ratio:16 / 9;width:100%}.layout-three[data-v-d8cf255c]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:10px;align-content:center;justify-content:center;max-width:1000px;margin:0 auto}.layout-three[data-v-d8cf255c] .main-tile:nth-child(3){grid-column:1 / -1;max-width:480px;justify-self:center}.layout-three[data-v-d8cf255c] .main-tile{aspect-ratio:16 / 9;width:100%}.layout-four[data-v-d8cf255c]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:10px;align-content:center;justify-content:center;max-width:1000px;margin:0 auto}.layout-four[data-v-d8cf255c] .main-tile{aspect-ratio:16 / 9;width:100%}.layout-five[data-v-d8cf255c]{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto;gap:10px;align-content:center;justify-content:center;max-width:1200px;margin:0 auto}.layout-five[data-v-d8cf255c] .main-tile:nth-child(1){grid-column:1 / 3;grid-row:1}.layout-five[data-v-d8cf255c] .main-tile:nth-child(2){grid-column:3 / 5;grid-row:1}.layout-five[data-v-d8cf255c] .main-tile:nth-child(3){grid-column:5 / 7;grid-row:1}.layout-five[data-v-d8cf255c] .main-tile:nth-child(4){grid-column:2 / 4;grid-row:2}.layout-five[data-v-d8cf255c] .main-tile:nth-child(5){grid-column:4 / 6;grid-row:2}.layout-five[data-v-d8cf255c] .main-tile{aspect-ratio:16 / 9;width:100%}.layout-six[data-v-d8cf255c]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:center;justify-content:center;max-width:1200px;margin:0 auto}.layout-six[data-v-d8cf255c] .main-tile{aspect-ratio:16 / 9;width:100%}.layout-many[data-v-d8cf255c]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-content:center;justify-content:center;max-width:1400px;margin:0 auto}.layout-many[data-v-d8cf255c] .main-tile{aspect-ratio:16 / 9;width:100%}.layout-sidebar[data-v-d8cf255c]{display:flex;flex-direction:row;gap:0;align-items:stretch;height:100%}.sidebar-right[data-v-d8cf255c]{width:276px;min-width:276px;height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:0;overflow:hidden;background:var(--bg-panel);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-left:1px solid var(--border-color-heavy);padding:0}.sidebar-title[data-v-d8cf255c]{flex:0 0 auto;height:36px;box-sizing:border-box;width:100%;display:flex;align-items:center;padding:0 10px;font-size:13px;font-weight:600;color:var(--fg-primary);letter-spacing:.5px;background:var(--bg-panel);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color)}.sidebar-scroll[data-v-d8cf255c]{flex:1 1 auto;min-height:0;box-sizing:border-box;width:100%;padding:12px 10px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:var(--border-color-strong) transparent}.sidebar-scroll[data-v-d8cf255c]::-webkit-scrollbar{width:6px}.sidebar-scroll[data-v-d8cf255c]::-webkit-scrollbar-track{background:transparent}.sidebar-scroll[data-v-d8cf255c]::-webkit-scrollbar-thumb{background:var(--border-color-strong);border-radius:3px}.sidebar-scroll[data-v-d8cf255c]::-webkit-scrollbar-thumb:hover{background:var(--accent)}.sidebar-tile[data-v-d8cf255c]{flex:0 0 auto;width:100%;max-width:none;aspect-ratio:16 / 9}.layout-sidebar[data-v-d8cf255c] .main-tile{flex:1 1 auto;max-width:none;aspect-ratio:auto;margin:0;width:auto;height:100%;border-radius:0;border:none;overflow:hidden}@media (max-width: 399px){.video-grid[data-v-d8cf255c]{padding:0}.layout-single[data-v-d8cf255c],.layout-two[data-v-d8cf255c],.layout-three[data-v-d8cf255c],.layout-four[data-v-d8cf255c],.layout-five[data-v-d8cf255c],.layout-six[data-v-d8cf255c],.layout-many[data-v-d8cf255c],.layout-sidebar[data-v-d8cf255c]{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:flex-start}.layout-single[data-v-d8cf255c] .main-tile,.layout-two[data-v-d8cf255c] .main-tile,.layout-three[data-v-d8cf255c] .main-tile,.layout-four[data-v-d8cf255c] .main-tile,.layout-five[data-v-d8cf255c] .main-tile,.layout-six[data-v-d8cf255c] .main-tile,.layout-many[data-v-d8cf255c] .main-tile{width:95%;max-width:none;grid-column:auto!important;justify-self:center!important}.layout-sidebar[data-v-d8cf255c]{flex-direction:column}.layout-sidebar .sidebar-right[data-v-d8cf255c]{width:95%;min-width:0;height:auto;flex-direction:column;overflow:hidden;padding:8px 8px 0}.layout-sidebar .sidebar-title[data-v-d8cf255c]{display:none}.layout-sidebar .sidebar-scroll[data-v-d8cf255c]{flex:1 1 auto;min-height:0;width:100%;padding:0 0 8px;flex-direction:row;overflow-x:hidden;overflow-y:hidden;gap:10px;scrollbar-gutter:auto}.layout-sidebar .sidebar-tile[data-v-d8cf255c]{flex:1 1 0;min-width:0;width:auto;height:auto;aspect-ratio:16 / 9}}.toolbar[data-v-f813ee3d]{width:100%;height:58px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 16px;background:var(--bg-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-color);position:relative;z-index:100}.toolbar.dragging[data-v-f813ee3d]{background:rgba(36,42,54,.95);cursor:grabbing!important}.tool-btn[data-v-f813ee3d]{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;border-radius:var(--radius-md);color:var(--fg-secondary);transition:background .15s,color .15s;min-width:50px}.tool-btn[data-v-f813ee3d]:hover{background:var(--accent-light);color:var(--accent)}.tool-btn[data-v-f813ee3d]:active{transform:scale(.97)}.btn-icon[data-v-f813ee3d]{display:flex;align-items:center;justify-content:center;line-height:1}.btn-icon[data-v-f813ee3d] svg{width:20px;height:20px}.btn-text[data-v-f813ee3d]{font-size:12px;color:var(--fg-secondary);line-height:1}.tool-btn-danger[data-v-f813ee3d]{background:rgba(239,68,68,.15);color:var(--status-disconnected)}.tool-btn-danger[data-v-f813ee3d]:hover{background:rgba(239,68,68,.3);color:var(--status-failed)}.tool-btn-danger .btn-text[data-v-f813ee3d]{color:var(--status-disconnected)}.tool-btn-active[data-v-f813ee3d]{background:rgba(34,197,94,.15);color:var(--status-connected)}.tool-btn-active .btn-text[data-v-f813ee3d]{color:var(--status-connected)}.layout-wrap[data-v-f813ee3d]{position:relative}.layout-menu[data-v-f813ee3d]{position:absolute;bottom:100%;left:0;margin-bottom:4px;background:var(--bg-panel-solid);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:4px;min-width:120px;z-index:200}.layout-menu-item[data-v-f813ee3d]{display:block;width:100%;padding:6px 10px;text-align:left;color:var(--fg-secondary);border-radius:var(--radius-sm);font-size:12px;transition:background .2s,color .2s}.layout-menu-item[data-v-f813ee3d]:hover{background:var(--accent-light);color:var(--accent)}.layout-menu-item.active[data-v-f813ee3d]{background:var(--accent-light);color:var(--accent);font-weight:600}.stats-panel[data-v-207f0c19]{position:fixed;right:12px;top:60px;bottom:90px;width:320px;z-index:90;background:var(--bg-panel-solid);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.stats-panel-header[data-v-207f0c19]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);font-weight:600}.stats-panel-body[data-v-207f0c19]{flex:1;overflow-y:auto;padding:12px}.stats-section[data-v-207f0c19]{padding:8px;margin-bottom:12px;background:var(--bg-tile);border-radius:var(--radius-md)}.stats-section-title[data-v-207f0c19]{color:var(--accent);font-size:13px;margin-bottom:6px;font-weight:600}.stats-row[data-v-207f0c19]{display:flex;justify-content:space-between;padding:3px 0;font-size:12px}.stats-label[data-v-207f0c19]{color:var(--fg-secondary)}.icon-only-btn[data-v-207f0c19]{width:24px;height:24px;border-radius:var(--radius-sm);color:var(--fg-secondary);font-size:18px;line-height:1;transition:background .2s}.icon-only-btn[data-v-207f0c19]:hover{background:var(--accent-light);color:var(--accent)}.info-panel[data-v-3aece7aa]{position:fixed;right:12px;top:60px;width:320px;z-index:90;background:var(--bg-panel-solid);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.stats-panel-header[data-v-3aece7aa]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);font-weight:600}.stats-panel-body[data-v-3aece7aa]{padding:12px}.stats-row[data-v-3aece7aa]{display:flex;justify-content:space-between;padding:5px 0;font-size:12px;border-bottom:1px solid var(--border-color)}.stats-row[data-v-3aece7aa]:last-child{border-bottom:none}.stats-label[data-v-3aece7aa]{color:var(--fg-secondary)}.icon-only-btn[data-v-3aece7aa]{width:24px;height:24px;border-radius:var(--radius-sm);color:var(--fg-secondary);font-size:18px;line-height:1;transition:background .2s}.icon-only-btn[data-v-3aece7aa]:hover{background:var(--accent-light);color:var(--accent)}.call-page[data-v-423ffdc3]{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.call-page[data-v-423ffdc3] .status-bar{height:50px;flex:0 0 50px}.call-page[data-v-423ffdc3] .video-grid{flex:1 1 auto;min-height:0}.call-page[data-v-423ffdc3] .toolbar{height:60px;flex:0 0 60px;position:relative!important;bottom:auto!important;left:auto!important;transform:none!important}.app-root[data-v-0abbea81]{width:100%;height:100%}:root{--bg-page: #0a0e17;--bg-panel: rgba(36, 42, 54, .85);--bg-panel-solid: #242a36;--bg-tile: #1a1f29;--bg-sidebar: #1a1f29;--bg-input: #1a1f29;--bg-hover: rgba(255, 255, 255, .08);--fg-primary: #e7e9ea;--fg-secondary: #a0a4ab;--fg-muted: #6c7077;--accent: #10b981;--accent-hover: #059669;--accent-light: rgba(16, 185, 129, .15);--accent-solid: #10b981;--status-connected: #22c55e;--status-connecting: #f59e0b;--status-disconnected: #ef4444;--status-failed: #dc2626;--border-color: rgba(255, 255, 255, .08);--border-color-strong: rgba(255, 255, 255, .15);--border-color-heavy: rgba(255, 255, 255, .25);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .4);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-page);color:var(--fg-primary);font-family:var(--font-family);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{width:100%;height:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit;color:inherit}.hidden{display:none!important}#toast-container{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);background:var(--bg-panel-solid);color:var(--fg-primary);box-shadow:var(--shadow-md);opacity:0;transform:translateY(-10px);transition:opacity .3s,transform .3s;pointer-events:auto;max-width:80vw}.toast-show{opacity:1;transform:translateY(0)}.toast-icon{font-weight:700;font-size:16px}.toast-info{border-left:3px solid var(--accent)}.toast-success{border-left:3px solid var(--status-connected)}.toast-warn{border-left:3px solid var(--status-connecting)}.toast-error{border-left:3px solid var(--status-failed)}.toast-success .toast-icon{color:var(--status-connected)}.toast-warn .toast-icon{color:var(--status-connecting)}.toast-error .toast-icon{color:var(--status-failed)}