.video-call[data-v-4eb437af]{color:#fff;background:#1a1a2e;flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.status-bar[data-v-4eb437af]{background:#0f3460;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;font-size:13px;display:flex}.connection-status[data-v-4eb437af]{align-items:center;gap:6px;display:flex}.connection-status .dot[data-v-4eb437af]{border-radius:50%;width:8px;height:8px;display:inline-block}.connection-status.green .dot[data-v-4eb437af]{background:#4ade80}.connection-status.yellow .dot[data-v-4eb437af]{background:#facc15}.connection-status.red .dot[data-v-4eb437af]{background:#f87171}.recording-badge[data-v-4eb437af]{color:#f87171;align-items:center;gap:6px;font-weight:600;display:flex}.rec-dot[data-v-4eb437af]{background:#f87171;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-4eb437af}@keyframes pulse-4eb437af{0%,to{opacity:1}50%{opacity:.3}}.video-grid[data-v-4eb437af]{flex:1;gap:8px;min-height:0;padding:8px;display:grid;overflow:hidden}.video-tile[data-v-4eb437af]{background:#16213e;border-radius:12px;min-height:0;position:relative;overflow:hidden}.video-tile video[data-v-4eb437af]{object-fit:contain;background:#0d1b2a;width:100%;height:100%}.participant-name[data-v-4eb437af]{background:#0009;border-radius:20px;padding:4px 12px;font-size:14px;position:absolute;bottom:8px;left:8px}.waiting[data-v-4eb437af]{color:#999;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;display:flex}.spinner[data-v-4eb437af]{border:4px solid #333;border-top-color:#007aff;border-radius:50%;width:40px;height:40px;margin-top:16px;animation:1s linear infinite spin-4eb437af}@keyframes spin-4eb437af{to{transform:rotate(360deg)}}.controls[data-v-4eb437af]{background:#0f3460;flex-shrink:0;justify-content:center;gap:16px;padding:10px;display:flex}.controls button[data-v-4eb437af]{cursor:pointer;color:#fff;background:#16213e;border:none;border-radius:50%;width:42px;height:42px;font-size:18px;transition:all .2s}.controls button[data-v-4eb437af]:hover{transform:scale(1.1)}.controls button.end-call[data-v-4eb437af]{background:#e94560}.controls button.active[data-v-4eb437af]{background:#533483}.spinner[data-v-1619a067]{border:4px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;width:40px;height:40px;margin:0 auto;animation:1s linear infinite spin-1619a067}@keyframes spin-1619a067{to{transform:rotate(360deg)}}