[data-v-2fbccd36],[data-v-2fbccd36]:before,[data-v-2fbccd36]:after{box-sizing:border-box;margin:0;padding:0}.test-page[data-v-2fbccd36]{color:#e2e8f0;background:#0f172a;max-width:800px;min-height:100vh;margin:0 auto;padding:24px 16px 64px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}h1[data-v-2fbccd36]{color:#f1f5f9;font-size:26px;font-weight:700}.subtitle[data-v-2fbccd36]{color:#64748b;margin:4px 0 20px;font-size:13px}.card[data-v-2fbccd36]{background:#1e293bcc;border:1px solid #94a3b81a;border-radius:12px;margin-bottom:14px;padding:18px 20px}h3[data-v-2fbccd36]{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:600}.form-row[data-v-2fbccd36]{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.form-row label[data-v-2fbccd36]{color:#94a3b8;align-items:center;gap:6px;font-size:13px;display:flex}select[data-v-2fbccd36],.text-input[data-v-2fbccd36]{color:#e2e8f0;background:#1e293b;border:1px solid #94a3b840;border-radius:8px;padding:6px 10px;font-size:13px}.text-input[data-v-2fbccd36]{width:160px;font-family:monospace}.btn[data-v-2fbccd36]{cursor:pointer;border:none;border-radius:10px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .2s}.btn-blue[data-v-2fbccd36]{color:#fff;background:#3b82f6}.btn-blue[data-v-2fbccd36]:hover{background:#2563eb}.btn-green[data-v-2fbccd36]{color:#052e16;background:#22c55e}.btn-green[data-v-2fbccd36]:hover{background:#16a34a}.btn-red[data-v-2fbccd36]{color:#fff;background:#ef4444}.btn-red[data-v-2fbccd36]:hover{background:#dc2626}.btn-gray[data-v-2fbccd36]{color:#94a3b8;background:#ffffff1a;border:1px solid #94a3b826}.btn-gray[data-v-2fbccd36]:hover{background:#ffffff2e}.btn-sm[data-v-2fbccd36]{padding:6px 16px;font-size:12px}.btn-row[data-v-2fbccd36]{flex-wrap:wrap;gap:10px;display:flex}.state-badge[data-v-2fbccd36]{border-radius:10px;padding:2px 10px;font-family:monospace;font-size:12px;font-weight:600}.state-idle[data-v-2fbccd36]{color:#64748b;background:#ffffff0f}.state-connecting[data-v-2fbccd36]{color:#f59e0b;background:#f59e0b26}.state-ringing[data-v-2fbccd36]{color:#06b6d4;background:#06b6d426}.state-connected[data-v-2fbccd36]{color:#22c55e;background:#22c55e26}table[data-v-2fbccd36]{border-collapse:collapse;width:100%;font-size:12px}td[data-v-2fbccd36]{border-bottom:1px solid #94a3b80f;padding:5px 0}td[data-v-2fbccd36]:first-child{color:#64748b;width:160px}.mono[data-v-2fbccd36]{font-family:monospace}.text-green[data-v-2fbccd36]{color:#22c55e}.text-red[data-v-2fbccd36]{color:#ef4444}.meter-row[data-v-2fbccd36]{align-items:center;gap:10px;margin-top:6px;display:flex}.meter-label[data-v-2fbccd36]{color:#64748b;min-width:130px;font-size:12px}.meter-bar[data-v-2fbccd36]{background:#ffffff0f;border-radius:4px;flex:1;height:8px;overflow:hidden}.meter-fill[data-v-2fbccd36]{border-radius:4px;height:100%;transition:width .2s}.meter-fill.local[data-v-2fbccd36]{background:#3b82f6}.meter-fill.remote[data-v-2fbccd36]{background:#22c55e}.meter-val[data-v-2fbccd36]{color:#94a3b8;text-align:right;min-width:36px;font-family:monospace;font-size:11px}.video-grid[data-v-2fbccd36]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.video-tile[data-v-2fbccd36]{position:relative}.video-el[data-v-2fbccd36]{aspect-ratio:4/3;object-fit:cover;background:#0f172a;border-radius:10px;width:100%}.video-label[data-v-2fbccd36]{color:#fff;background:#0009;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;bottom:6px;left:6px}.log-container[data-v-2fbccd36]{max-height:200px;font-family:monospace;font-size:12px;overflow-y:auto}.log-entry[data-v-2fbccd36]{border-bottom:1px solid #ffffff05;padding:2px 0}.log-time[data-v-2fbccd36]{color:#475569;margin-right:8px}.log-info[data-v-2fbccd36]{color:#94a3b8}.log-warn[data-v-2fbccd36]{color:#f59e0b}.log-error[data-v-2fbccd36]{color:#ef4444}.log-empty[data-v-2fbccd36]{color:#475569;font-style:italic}