.meeting-presentation{min-width:0;margin-bottom:16px}.meeting-presentation>header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.meeting-presentation>header>div{align-items:center;gap:8px;min-width:0;margin-right:auto;display:flex}.meeting-presentation strong{overflow-wrap:anywhere;font-size:14px}.meeting-presentation header button,.meeting-presentation select{border:1px solid var(--ml-line);background:var(--ml-paper);min-height:44px;color:var(--ml-ink);font:inherit;border-radius:8px;max-width:200px;padding:10px 12px;font-size:13px}.meeting-presentation-surface{background:#15201c;border-radius:12px;place-items:center;width:100%;height:clamp(240px,58dvh,900px);display:grid;position:relative;overflow:hidden}.meeting-presentation-surface video{object-fit:contain;width:100%;height:100%}.meeting-presentation-surface:fullscreen{border-radius:0;height:100%}.meeting-presentation-surface .playback-button{position:absolute;top:16px;left:16px}.meeting-presentation>p{color:var(--ml-muted);overflow-wrap:anywhere;margin:8px 0 0;font-size:12px}.meeting-stage.has-presentation .meeting-grid{align-items:stretch;gap:12px;min-height:0;padding-bottom:8px;display:flex;overflow-x:auto}.meeting-stage.has-presentation .meeting-grid>.meeting-tile,.meeting-stage.has-presentation .meeting-grid>.meeting-participant{flex:0 0 180px;width:180px;min-width:180px}.meeting-stage.has-presentation .meeting-grid .meeting-tile{aspect-ratio:auto;height:120px;min-height:120px}.meeting-stage.has-presentation .meeting-grid .room-cube{border-radius:10px;width:56px}.meeting-stage.has-presentation .meeting-waiting{display:none}.meeting-panel-actions .meeting-share-screen[aria-pressed=true]{background:var(--ml-blue);color:var(--ml-paper)}.meeting-presentation .sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:1101px) and (max-width:1500px){.meeting-toolbar .meeting-action-label{display:none}}@media (max-width:760px){.meeting-presentation-surface{height:clamp(200px,42dvh,500px)}}.rooms-page:has(.room-lobby){background:var(--ml-paper)}.rooms-page:has(.room-lobby)>.rooms-backdrop{opacity:.22}.rooms-main:has(.room-lobby){max-width:1200px}.room-lobby{background:0 0;border-radius:0;padding:0}.room-lobby-context{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.room-lobby-context>span{color:var(--ml-muted);font-size:12px}.room-lobby-context strong{color:var(--ml-ink);margin-left:8px;font-weight:600}.room-lobby-context .text-link{align-items:center;gap:8px;min-height:44px;font-size:13px;display:inline-flex}.room-lobby .room-preview-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);align-items:center;gap:clamp(32px,5vw,72px);min-height:min(620px,72svh)}.room-lobby-stage{min-width:0}.room-lobby-preview{position:relative}.room-lobby-preview .meeting-tile{aspect-ratio:16/11;background:var(--ml-ground);border:1px solid var(--ml-line);border-radius:24px;min-height:300px}.room-lobby-preview .room-cube{border-radius:22px;width:clamp(100px,12vw,150px);transform:translateY(-12px)rotate(-7deg)}.room-lobby-preview .meeting-name{bottom:20px;left:20px;right:20px}.room-lobby-camera-note{text-align:center;color:var(--ml-muted);font-size:13px;position:absolute;bottom:60px;left:20px;right:20px}.room-lobby-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.room-lobby-tools .room-media-controls{gap:8px;margin:0}.room-lobby-tools button{min-height:48px}.room-lobby-settings-button{border:1px solid var(--ml-line);background:var(--ml-paper);color:var(--ml-ink);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:inline-flex}.room-lobby-settings-button:hover,.room-lobby-settings-button[aria-expanded=true]{background:var(--ml-yellow);border-color:var(--ml-yellow)}.room-lobby-privacy{color:var(--ml-muted);text-align:center;margin:16px 0 0;font-size:12px;line-height:1.6}.room-lobby .room-preview-heading h1{text-wrap:balance;max-width:12ch;margin-bottom:16px;font-size:clamp(32px,3.6vw,46px);line-height:1.06}.room-lobby .room-preview-heading>p{max-width:30ch;margin-bottom:32px;font-size:15px;line-height:1.6}.room-lobby .room-name-form input{background:var(--ml-paper);min-height:52px;margin-bottom:16px}.room-lobby .room-name-form .ml-button{min-height:52px;padding:14px 16px;font-size:14px}.room-lobby .room-name-form .meeting-panel-note{min-height:38px;margin-top:12px}.room-lobby .meeting-access-note{border-top:1px solid var(--ml-line);margin:24px 0 0;padding-top:20px;font-size:12px}.room-lobby-settings{background:var(--ml-paper);border:1px solid var(--ml-line);border-radius:16px;overflow:hidden}.room-lobby-settings>header{justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 0;display:flex}.room-lobby-settings h2{margin:0;font-size:24px}.room-lobby-settings .meeting-settings{max-height:min(440px,55svh);padding-bottom:8px}.room-lobby-settings .meeting-settings-preview{display:none}.room-lobby-settings .meeting-settings-nav{margin-top:0}.room-lobby-settings-done{background:var(--ml-yellow);width:calc(100% - 40px);min-height:48px;color:var(--ml-ink);font:inherit;border:0;border-radius:8px;justify-content:space-between;align-items:center;margin:12px 20px 20px;padding:12px 16px;font-size:14px;font-weight:650;display:flex}.room-lobby-settings-done:hover{background:#e8cb7a}.meeting-stage{padding:clamp(12px,2vw,28px)}.meeting-stage .meeting-grid{grid-auto-rows:minmax(160px,1fr);gap:16px}.meeting-stage .meeting-tile{border:1px solid var(--ml-line);border-radius:16px}.meeting-stage .meeting-grid[data-count="1"]{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}.meeting-stage .meeting-grid[data-count="1"]>.meeting-tile{aspect-ratio:16/11;align-self:center;height:auto}.meeting-stage .meeting-waiting{padding:24px}.meeting-waiting h2{max-width:12ch;font-size:clamp(24px,2.5vw,36px)}.meeting-toolbar-brand{font-family:var(--ml-body);letter-spacing:0;color:var(--ml-muted);font-size:13px}.meeting-toolbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;padding-inline:20px}.meeting-toolbar .meeting-panel-actions{gap:4px}.meeting-toolbar .meeting-leave{color:#fff;background:#9b3434;border-color:#9b3434}.meeting-toolbar .meeting-leave:hover{background:#7e2525}.meeting-panel-actions button[aria-expanded=true]{box-shadow:inset 0 -3px 0 var(--ml-ink)}.meeting-sidebar{border-radius:16px 0 0 16px}@media (min-width:1200px){.meeting-stage .meeting-grid[data-count="5"],.meeting-stage .meeting-grid[data-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1100px){.meeting-toolbar{grid-template-columns:1fr auto}.meeting-toolbar .meeting-action-label{display:none}}@media (max-width:900px){.room-lobby .room-preview-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:28px}.room-lobby-preview .meeting-tile{min-height:280px}.meeting-workspace.has-panel .meeting-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.rooms-page:has(.room-lobby){padding-inline:16px}.room-lobby-context{margin-bottom:16px}.room-lobby-context>span{font-size:11px}.room-lobby .room-preview-layout{grid-template-columns:minmax(0,1fr);gap:28px;min-height:0}.room-lobby-preview .meeting-tile{aspect-ratio:16/10;border-radius:16px;min-height:210px}.room-lobby-preview .room-cube{width:92px}.room-lobby-camera-note{font-size:12px;bottom:48px}.room-lobby-preview .meeting-name{bottom:12px}.room-lobby .room-preview-heading h1{max-width:none;font-size:32px}.room-lobby .room-preview-heading>p{max-width:none;margin-bottom:20px}.room-lobby .meeting-access-note{margin-top:16px;padding-top:16px}.room-lobby-settings .meeting-settings{max-height:none}.meeting-stage .meeting-grid[data-count="1"]{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;align-content:start}.meeting-stage .meeting-grid[data-count="1"]>.meeting-tile{aspect-ratio:16/10}.meeting-stage .meeting-waiting{max-width:none;padding:16px 8px}.meeting-waiting h2{max-width:none}.meeting-toolbar{grid-template-columns:minmax(0,1fr)}.meeting-sidebar{border-radius:0}}
