/* A local self preview with the same spacious gallery as the waiting room. */
.in-live-preview{background:#eaf0f5;--header-height:56px}
.in-live-preview .topbar{background:#ffffff70}
.in-live-preview .top-inner{max-width:1680px;padding:0 24px;grid-template-columns:1fr;grid-template-rows:1fr}
.in-live-preview .site-nav,.in-live-preview .top-right{display:none}
.in-live-preview main{max-width:1680px;padding:12px 24px 24px;margin:0 auto}
.in-live-preview #live-room-view{animation:none}
#live-lobby{max-width:960px;padding:0;margin:0 auto;border:0;border-radius:0;background:none;box-shadow:none}
#live-lobby>.debrief-back{font-size:11px;margin:0 0 12px;color:#667580}
#live-lobby .live-lobby-heading{margin:0 0 12px}
#live-lobby #live-schedule{font-size:11px;color:#667580}
#live-lobby #live-lobby-status{font-size:11px;margin:4px 0 0}
#live-lobby .live-lobby-grid{display:flex;flex-direction:column;gap:16px}
#live-lobby .live-preview-column{width:100%;position:relative}
#live-lobby .live-device-preview{width:min(100%,calc(53dvh * 4 / 3));max-width:720px;height:auto;min-height:0;aspect-ratio:4/3;margin:0 auto;border-radius:36px;background:#27364c}
#live-lobby .live-device-preview video{background:#27364c;object-fit:contain}
#live-lobby #live-preview-label{background:#27364c;color:#d2d9e2;border-radius:36px}
#live-lobby .live-preview-controls{display:flex;justify-content:center;gap:10px;position:absolute;left:0;right:0;bottom:16px}
#live-lobby .live-preview-controls button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#ffffffed;color:#334155;box-shadow:0 3px 12px #0002}
#live-lobby .live-preview-controls button[aria-pressed=false]{background:#ffe9ee;color:#ba3152}
#live-lobby .live-preview-controls svg{width:20px;height:20px}
#live-lobby #live-device-status{margin:10px 0 0;font-size:12px;color:#536176;text-align:center}
#live-lobby #live-device-status:empty{display:none}
#live-lobby .live-setup-column{width:100%;max-width:720px;margin:auto}
#live-lobby .live-device-actions{margin:0}
#live-lobby .live-device-actions:has(#live-check-devices[hidden]){display:none}
#live-lobby .live-recording-notice{margin:0 0 16px;padding:0}
#live-lobby #live-recording-summary{display:none}
#live-lobby .live-recording-notice label{font-size:11px;line-height:1.6;color:#536176}
#live-lobby .live-lobby-details{margin-top:8px}
#live-lobby .live-lobby-details summary{font-size:10px;color:#718095}
#live-lobby .live-entry-actions{margin:0;align-items:center}
#live-lobby #live-enter{width:min(100%,340px);min-height:48px;margin:0 auto;border-radius:20px;background:#fff;color:#24374a;box-shadow:0 3px 14px #233b5605}
#live-lobby #live-enter:disabled{background:#ffffff70;color:#97a1ad}
#live-lobby .live-headphone-note{display:none}
@media(max-width:720px){.in-live-preview main{padding:12px 14px 24px}.in-live-preview .top-inner{padding:0 14px}#live-lobby .live-device-preview{width:100%;height:auto;aspect-ratio:4/3;border-radius:28px}#live-lobby #live-preview-label{border-radius:28px}#live-lobby .live-preview-controls button{width:42px;height:42px}}
/* Disabled devices have a clear slash as well as the colour change. */
#live-lobby .live-preview-controls button{position:relative}
#live-lobby .live-preview-controls button[aria-pressed=false]::after{content:'';position:absolute;left:50%;top:50%;width:25px;height:2px;border-radius:2px;background:#c73353;box-shadow:0 0 0 1px #ffe9ee;transform:translate(-50%,-50%) rotate(-45deg);pointer-events:none}