.room[data-v-864006b7]{display:flex;flex-direction:column;gap:1rem}.header[data-v-864006b7]{display:flex;align-items:center;gap:1rem;padding:.5rem .75rem;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f}.status[data-v-864006b7]{flex:1;color:#555;font-size:.9rem}.action[data-v-864006b7],.leave[data-v-864006b7]{background:#fff;border:1px solid #ddd;border-radius:6px;padding:.4rem .8rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.action[data-v-864006b7]:hover,.leave[data-v-864006b7]:hover{background:#f5f5f5}.action[data-v-864006b7]:disabled{opacity:.5;cursor:not-allowed}.action--recording[data-v-864006b7]{background:#ffe6e6;border-color:#f5b1b1;color:#c0392b}.action--muted[data-v-864006b7]{background:#fff4d6;border-color:#e8c97a;color:#8a6500}.volume[data-v-864006b7]{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .5rem;border:1px solid #ddd;border-radius:6px;background:#fff}.volume__icon[data-v-864006b7]{font-size:.9rem}.volume input[type=range][data-v-864006b7]{width:90px}.rec-dot[data-v-864006b7]{width:8px;height:8px;border-radius:50%;background:#d33;animation:rec-pulse-864006b7 1.2s infinite}@keyframes rec-pulse-864006b7{0%,to{opacity:1}50%{opacity:.3}}.rec-status[data-v-864006b7]{font-size:.85rem;padding:.4rem .75rem;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f}.rec-status__err[data-v-864006b7]{color:#c0392b}.videos[data-v-864006b7]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.video-wrap[data-v-864006b7]{position:relative;background:#000;border-radius:8px;overflow:hidden;aspect-ratio:4 / 3}video[data-v-864006b7]{width:100%;height:100%;object-fit:cover}.label[data-v-864006b7]{position:absolute;bottom:8px;left:8px;color:#fff;background:#00000080;padding:2px 8px;border-radius:4px;font-size:.8rem}.camera-off-overlay[data-v-864006b7]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000d9;color:#ddd;font-size:.95rem;letter-spacing:.05em;pointer-events:none}.pip-btn[data-v-864006b7]{position:absolute;top:8px;right:8px;background:#00000080;color:#fff;border:none;border-radius:4px;width:28px;height:28px;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.pip-btn[data-v-864006b7]:hover:not(:disabled){background:#000000bf}.pip-btn[data-v-864006b7]:disabled{opacity:.35;cursor:not-allowed}.chat[data-v-864006b7]{display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000f;overflow:hidden;height:320px}.chat-header[data-v-864006b7]{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid #eee}.chat-state[data-v-864006b7]{font-size:.75rem;color:#999;padding:2px 8px;border-radius:999px;background:#f0f0f0}.chat-state.ready[data-v-864006b7]{color:#2a7a2a;background:#e6f5e6}.chat-messages[data-v-864006b7]{flex:1;overflow-y:auto;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.4rem}.chat-empty[data-v-864006b7]{color:#999;text-align:center;margin-top:1rem;font-size:.85rem}.chat-message[data-v-864006b7]{display:flex}.chat-message.self[data-v-864006b7]{justify-content:flex-end}.chat-message .bubble[data-v-864006b7]{display:inline-block;padding:.4rem .7rem;border-radius:12px;background:#f0f0f0;max-width:70%;word-break:break-word;white-space:pre-wrap}.chat-message.self .bubble[data-v-864006b7]{background:#2d7df6;color:#fff}.chat-input[data-v-864006b7]{display:flex;gap:.5rem;padding:.5rem .75rem;border-top:1px solid #eee}.chat-input input[type=text][data-v-864006b7],.chat-input input[data-v-864006b7]:not([type]){flex:1;font-size:.95rem;padding:.4rem .6rem;border:1px solid #ddd;border-radius:6px}.chat-input button[type=submit][data-v-864006b7]{background:#2d7df6;color:#fff;border:none;border-radius:6px;padding:0 1rem;cursor:pointer}.chat-input button[type=submit][data-v-864006b7]:disabled{background:#aac4f0;cursor:not-allowed}.file-hidden[data-v-864006b7]{display:none}.attach-btn[data-v-864006b7]{background:transparent;border:1px solid #ddd;border-radius:6px;width:36px;height:36px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.attach-btn[data-v-864006b7]:hover:not(:disabled){background:#f5f5f5}.attach-btn[data-v-864006b7]:disabled{opacity:.4;cursor:not-allowed}.file-bubble[data-v-864006b7]{display:flex!important;flex-direction:column;gap:.3rem;min-width:220px}.file-line[data-v-864006b7]{display:flex;align-items:center;gap:.5rem}.file-icon[data-v-864006b7]{font-size:1rem}.file-name[data-v-864006b7]{font-weight:500;word-break:break-all;flex:1}.file-size[data-v-864006b7]{font-size:.75rem;opacity:.75}.file-progress[data-v-864006b7]{position:relative;display:block;height:6px;background:#0000001f;border-radius:3px;overflow:hidden}.chat-message.self .file-progress[data-v-864006b7]{background:#ffffff4d}.file-progress__bar[data-v-864006b7]{display:block;height:100%;background:#2a7a2a;transition:width .15s linear}.chat-message.self .file-progress__bar[data-v-864006b7]{background:#fff}.file-progress__pct[data-v-864006b7]{position:absolute;right:4px;top:-16px;font-size:.7rem;opacity:.75}.file-dl[data-v-864006b7]{display:inline-block;font-size:.85rem;color:#2d7df6;text-decoration:underline;width:fit-content}.chat-message.self .file-dl[data-v-864006b7]{color:#fff}.file-done[data-v-864006b7]{font-size:.8rem;opacity:.85}.file-error[data-v-864006b7]{font-size:.8rem;color:#c0392b}.chat-message.self .file-error[data-v-864006b7]{color:#ffd2cc}.file-send-error[data-v-864006b7]{margin:0 .75rem;padding:.3rem .5rem;background:#ffe6e6;color:#c0392b;border-radius:4px;font-size:.8rem}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;margin:0;background:#f5f5f7;color:#222}.container{padding:1.5rem;max-width:1024px;margin:0 auto}.lobby{display:flex;flex-direction:column;gap:.75rem;max-width:360px;margin:4rem auto 0;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f}.lobby h1{margin:0;font-size:1.25rem}.lobby .field{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#444}.lobby input{font-size:1rem;padding:.5rem .75rem;border-radius:6px;border:1px solid #ddd}.lobby button{font-size:1rem;padding:.5rem .75rem;border-radius:6px;background:#2d7df6;color:#fff;border:1px solid #2d7df6;cursor:pointer}.lobby button:disabled{background:#aac4f0;border-color:#aac4f0;cursor:not-allowed}.lobby button.link{background:transparent;color:#2d7df6;border:none;font-size:.85rem;padding:0;text-decoration:underline;align-self:flex-start;cursor:pointer}.lobby .settings{display:flex;flex-direction:column;gap:.6rem;padding:.75rem;background:#f7f9fc;border-radius:6px}.lobby .toggle{background:#fff;color:#2d7df6;border:1px solid #ddd;align-self:flex-start;font-size:.9rem}.lobby .toggle.off{background:#fff4d6;color:#8a6500;border-color:#e8c97a}
