.p2pv-setup{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.p2pv-preview,.p2pv-stage{aspect-ratio:16/9;border:1px solid var(--border-card);border-radius:var(--radius-lg);background:var(--bg-tertiary);position:relative;overflow:hidden}.p2pv-video{object-fit:cover;width:100%;height:100%;display:block}.p2pv-video.is-mirrored{transform:scaleX(-1)}.p2pv-video.is-contained{object-fit:contain}.p2pv-video.is-hidden{visibility:hidden}.p2pv-placeholder{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.9rem;display:flex;position:absolute;inset:0}.p2pv-placeholder.is-small{gap:.25rem;padding:.25rem;font-size:.75rem}.p2pv-setup-panel{min-width:0}.p2pv-lead{color:var(--text-primary);margin:0;font-size:.95rem;line-height:1.5}.p2pv-toggles{flex-wrap:wrap;gap:.5rem;display:flex}.p2pv-toggles .btn[aria-pressed=false]{color:var(--text-secondary)}.p2pv-level{flex-direction:column;gap:.3rem;display:flex}.p2pv-level .ui-progress-bar{transition:width .1s linear}.p2pv-knock{border:1px solid var(--accent-indigo);border-radius:var(--radius-md);background:var(--bg-card);flex-direction:column;gap:.6rem;padding:1rem;display:flex}.p2pv-knock-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.p2pv-call{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (width>=1000px){.p2pv-call.has-chat{grid-template-columns:minmax(0,1fr) 300px}}.p2pv-main{flex-direction:column;gap:.75rem;min-width:0;display:flex}.p2pv-stage.is-fullscreen{aspect-ratio:auto;border:none;border-radius:0}.p2pv-pip{aspect-ratio:16/9;border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-secondary);width:min(26%,200px);box-shadow:var(--shadow-lg);position:absolute;top:.75rem;right:.75rem;overflow:hidden}.p2pv-badge{border-radius:var(--radius-full);background:var(--bg-card-solid);color:var(--text-primary);align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex;position:absolute;bottom:.75rem;left:.75rem}.p2pv-controls{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.p2pv-ctl{border:1px solid var(--border-input);background:var(--bg-input);width:48px;height:48px;color:var(--text-primary);cursor:pointer;border-radius:50%;place-items:center;transition:background .15s,border-color .15s;display:inline-grid}.p2pv-ctl:hover{border-color:var(--border-focus)}.p2pv-ctl:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:2px}.p2pv-ctl--off{color:var(--accent-red);background:#ef44441f;border-color:#ef444459}.p2pv-ctl--active{background:var(--accent-indigo);border-color:var(--accent-indigo);color:#fff}.p2pv-ctl--danger{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.p2pv-ctl--danger:hover{border-color:var(--accent-red);filter:brightness(.92)}.p2pv-chat-toggle{display:inline-flex;position:relative}.p2pv-unread{border-radius:var(--radius-full);background:var(--accent-indigo);color:#fff;text-align:center;min-width:20px;height:20px;padding:0 5px;font-size:.72rem;font-weight:700;line-height:20px;position:absolute;top:-4px;right:-4px}.p2pv-chat{border:1px solid var(--border-card);border-radius:var(--radius-lg);background:var(--bg-card);flex-direction:column;min-height:260px;max-height:520px;display:flex}.p2pv-chat-log{flex-direction:column;flex:1;gap:.5rem;padding:.9rem;display:flex;overflow-y:auto}.p2pv-chat-empty{text-align:center;margin:auto 0}.p2pv-msg{border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--bg-input);max-width:85%;color:var(--text-primary);overflow-wrap:anywhere;white-space:pre-wrap;align-self:flex-start;padding:.5rem .75rem;font-size:.88rem;line-height:1.45}.p2pv-msg.is-mine{border-color:var(--accent-indigo);background:var(--accent-indigo);color:#fff;align-self:flex-end}.p2pv-chat-form{border-top:1px solid var(--border-card);gap:.5rem;padding:.75rem;display:flex}.p2pv-chat-form .ui-icon-btn{width:42px;height:42px}.p2pv-ended p{color:var(--text-primary);margin:0}@media (width<=800px){.p2pv-setup{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.p2pv-ctl{width:44px;height:44px}.p2pv-controls{gap:.45rem}.p2pv-pip{width:32%;top:.5rem;right:.5rem}}