.av{--av-w:16;--av-h:9;background:#050607;gap:0;display:grid}.av-stage{isolation:isolate;background:#0b1014;width:100%;height:min(56dvh,520px);position:relative;overflow:hidden}.av-video,.av-poster{width:100%;height:100%;position:absolute;inset:0}.av-video{object-fit:contain;object-position:center;background:#050607}.av-poster{object-fit:cover}.av-stage:not([data-live=true]) .av-video{opacity:0;pointer-events:none}.av-video[data-mirror=true]{transform:scaleX(-1)}.av-poster{z-index:0;object-position:center 42%}.av-empty{z-index:1;background:linear-gradient(#0000,#050607c7);gap:6px;padding:28px 16px 18px;display:grid;position:absolute;inset:auto 0 0}.av-empty p,.av-note{color:var(--muted);margin:0}.av-chrome{z-index:3;flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.av-hud,.av-stage-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.av-hud{min-width:0;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);flex:12rem;font-size:.68rem}.av-hud span{background:#050607b3;border:1px solid #f6f3ea14;border-radius:999px;padding:6px 10px}.av-live[data-on=true],.av-mic-pill[data-on=true]{color:var(--neon);border-color:#c8ff3a47}.av-live[data-on=true]:before,.av-mic-pill[data-on=true]:before{content:"";background:var(--neon);width:6px;height:6px;box-shadow:0 0 8px var(--neon);border-radius:50%;margin-right:6px;display:inline-block}.av-level{z-index:2;background:#ffffff0f;height:20px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.av-level i{transform-origin:0;background:var(--neon);width:100%;height:100%;display:block;transform:scaleX(0)}.av-stage-tools{flex:none;justify-content:flex-end;margin-left:auto}.av-mirror{color:var(--ink);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#050607b3;border:1px solid #f6f3ea1f;border-radius:999px;padding:6px 10px;font-size:.68rem}.av-size,.av-fit{z-index:3;width:40px;height:40px;color:var(--ink);cursor:pointer;background:#0506078c;border:0;border-radius:10px;place-items:center;padding:0;display:grid;position:absolute;bottom:28px;right:10px}.av-size svg,.av-fit svg{width:22px;height:22px}.av-size:hover,.av-fit:hover{background:#050607cc}.av-fit{display:none}.av-dock{gap:12px;padding:16px 16px 20px;display:grid}.av-go{width:100%;min-height:56px}.av-actions{justify-content:flex-start;align-items:center;gap:12px;display:flex}.av-actions button{border:1px solid var(--line);width:64px;height:64px;color:var(--ink);cursor:pointer;background:#101418;border-radius:18px;place-items:center;padding:0;display:grid}.av-actions button svg{width:28px;height:28px}.av-actions button[data-on=true]{color:var(--neon);background:#162016;border-color:#c8ff3a59}.av-actions button:disabled{opacity:.45;cursor:not-allowed}.av-speaker-btn{border:1px solid var(--line);min-height:48px;color:var(--ink);font-family:var(--display);letter-spacing:-.03em;cursor:pointer;background:#101418;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:1rem;font-weight:700;display:inline-flex}.av-speaker-btn svg{width:22px;height:22px}.av-speaker-btn[data-on=true]{color:var(--neon);border-color:#c8ff3a59}.av-speaker-btn:disabled{opacity:.55;cursor:wait}.av-sound{border:1px solid var(--line);background:#0b1014;border-radius:14px;gap:8px;padding:12px;display:grid}.av-sound-label,.av-sound-hint{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.68rem}.av-sound-hint{letter-spacing:.04em;text-transform:none;font-family:var(--font);font-size:.82rem}.av-sound-row{grid-template-columns:1fr 46px 46px;align-items:center;gap:8px;display:grid}.av-wave{background:#15202b;border-radius:10px;width:100%;height:56px;display:block}.av-wave[data-live=true]{box-shadow:inset 0 0 0 1px #b7e4ee47}.av-icon-btn{border:1px solid var(--line);cursor:pointer;background:#101418;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.av-icon-btn svg{width:20px;height:20px}.av-rec{color:#ff3b30}.av-rec[data-on=true]{background:#2a1010;border-color:#ff3b30;animation:1s ease-in-out infinite av-rec-pulse;box-shadow:0 0 0 4px #ff3b3029}.av-play{color:#3ee07a}.av-play[data-on=true]{background:#102418;border-color:#3ee07a}.av-play:disabled{opacity:.35;cursor:not-allowed}@keyframes av-rec-pulse{50%{box-shadow:0 0 0 7px #ff3b3014}}.av-devices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.av-devices label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);gap:6px;font-size:.68rem;display:grid}.av-devices select{border:0;border-bottom:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);font-family:var(--font);text-transform:none;letter-spacing:0;background:0 0;border-radius:0;padding:0 2px;font-size:.95rem}.av-note{font-size:.82rem}.av-error{color:var(--danger);background:#140c0a;margin:0;padding:10px 16px;font-size:.9rem}.av-banner{color:#ffc4b4;background:#22140e;margin:0;padding:12px 16px}@media (width>=860px){.av{border-radius:0}.av-stage{height:calc(100dvh - 380px);transition:height .55s cubic-bezier(.22,1,.36,1)}.av[data-expanded=true] .av-stage{height:min(calc(100vw * var(--av-h) / var(--av-w) + 20px), calc(100dvh - 80px))}.av-dock{grid-template-columns:180px 1fr;align-items:start;gap:14px 18px;width:100%;max-width:980px;margin-inline:auto;padding:18px 22px 22px}.av-go{grid-row:1/3;align-self:stretch;min-height:100%}.av-devices{grid-column:2}.av-speaker-btn,.av-sound,.av-note{grid-column:1/-1}}@media (width<=859px){.av-video{object-fit:cover}.av[data-fit=contain] .av-video{object-fit:contain}.av-size{display:none}.av-fit{display:grid}}@media (width<=420px){.av-actions button{width:58px;height:58px}.av-sound-row{grid-template-columns:1fr 42px 42px}.av-icon-btn{width:42px;height:42px}}@media (prefers-reduced-motion:reduce){.av-stage{transition:none}.av-level i,.av-rec[data-on=true]{transition:none;animation:none}}