select{font:inherit}.device-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.device-grid label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.device-grid select{min-width:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fafafa}.preview-toggles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.preview-toggles .active{background:#dcfce7;color:#166534}.meeting-meta,.invite-actions{display:flex;align-items:center;gap:7px}.meeting-meta span{padding:6px 9px;border-radius:99px;background:#161d28;color:#cbd5e1;font-size:11px;font-weight:800}.invite-actions .code-pill:last-child{font-size:11px;font-weight:800}.join-panel>div.join-list{display:grid;gap:8px}.join-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:9px;border-radius:11px;background:#f4f6f8}.join-row small{display:block;margin-top:2px;color:var(--muted)}.join-row>div{display:flex;gap:6px}.join-row button{padding:8px}.tile-badges{position:absolute;left:10px;top:10px;z-index:2;display:flex;gap:5px}.media-badge,.quality-badge{padding:5px 7px;border-radius:7px;background:#101827d9;color:#fff;font-size:10px;font-weight:800}.media-badge:empty{display:none}.quality-badge[data-quality="good"]{background:#166534dd}.quality-badge[data-quality="fair"]{background:#92400edd}.quality-badge[data-quality="poor"]{background:#991b1bdd}.pin-participant{position:absolute;right:10px;bottom:10px;z-index:2;border:1px solid #ffffff44;border-radius:8px;padding:5px 8px;background:#101827cc;color:#fff;font-size:10px;font-weight:800;cursor:pointer}.tile.speaking{border-color:#4ade80;box-shadow:0 0 0 3px #22c55e88}.video-grid.has-pin{grid-template-columns:2fr 1fr;grid-template-rows:repeat(5,minmax(0,1fr))}.video-grid.has-pin .tile.pinned{grid-row:1 / span 5}.control:focus-visible,.code-pill:focus-visible,.pin-participant:focus-visible,.join-row button:focus-visible,.primary:focus-visible,.secondary:focus-visible,.role:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #60a5fa;outline-offset:2px}
@media(max-width:900px){.meeting-meta{position:absolute;left:50%;top:60px;transform:translateX(-50%);z-index:2}.invite-actions .code-pill:last-child{display:none}.video-grid.has-pin{grid-template-columns:1fr 1fr;grid-template-rows:2fr repeat(3,minmax(0,1fr))}.video-grid.has-pin .tile.pinned{grid-column:1 / span 2;grid-row:1}.device-grid{grid-template-columns:1fr}.meeting{padding-bottom:max(9px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.dots i{animation:none}*{scroll-behavior:auto!important}}
.meeting{height:100dvh;min-height:0}