body.is-connected #host-access-tab .tool-icon,body.is-connected #record-tool .tool-icon{width:28px;height:28px}body.is-connected #meeting-toolbar-actions>#host-access-tab::before,body.is-connected #meeting-toolbar-actions>#record-tool::before{display:none}
body.is-connected #host-access-tab,body.is-connected #record-tool{font-size:11px;min-width:64px;flex-basis:95px}
#host-access-tab[hidden],.host-view[hidden],#host-record-banner[hidden]{display:none!important}
#record-error{position:fixed;top:80px;left:16px;right:16px;max-width:620px;z-index:85;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #ed8194;border-radius:10px;background:#42212c;color:#fff;box-shadow:0 8px 28px #0006}#record-error[hidden]{display:none!important}#record-error p{margin:0;flex:1;font-size:14px;line-height:1.5;color:#fff}#record-error button{flex:none;background:transparent;border:1px solid #c695a0;border-radius:6px;color:#fff;min-width:36px;min-height:36px;padding:4px;font-size:20px}
body.is-connected #workspace-content:has(.host-view:not([hidden])){padding:18px;background:#202124}
.host-view{font-size:13px;color:#f4f5f8}.host-view h3{font-size:14px;margin:20px 0 12px}.host-view p{color:#c4c8d2;font-size:12px;line-height:1.6}.host-view .host-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:15px;min-height:46px;margin:4px 0;font-size:13px;font-weight:400}.host-row input[type=checkbox]{appearance:none;position:relative;flex:none;width:34px;height:20px;padding:0;margin:0;border:1px solid #777;background:#65656c;border-radius:12px;cursor:pointer}.host-row input[type=checkbox]::before{content:'';position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:white}.host-row input:checked{background:#0875ed;border-color:#0875ed}.host-row input:checked::before{transform:translateX(14px)}.host-row input:disabled{opacity:.45}
.host-view .host-link{display:flex;justify-content:space-between;align-items:center;gap:12px;background:transparent;border:0;border-radius:6px;color:#f5f5f8;width:100%;min-height:44px;padding:10px;font-size:13px;text-align:left}.host-view .host-link::after{content:'›';font-size:22px;color:#bbb}.host-view .host-link:hover{background:#ffffff12;filter:none}.host-block{padding:14px 0;border-bottom:1px solid #45464d}.host-section-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.host-section-head h3{margin:12px 0}.host-section-head button{font-size:11px;min-height:32px;padding:4px 9px;background:#36383f;color:#9bc8ff;border:0}
.host-view textarea{display:block;width:100%;max-width:100%;min-height:200px;background:#14161b;border:1px solid #737c8c;border-radius:8px;color:#fff;padding:12px;font:inherit;resize:vertical}.host-view .host-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.host-view .host-actions button{min-height:38px;font-size:12px;padding:8px 12px}.host-view input,.host-view select{font-size:13px}.host-view form{display:grid;gap:10px}.host-view ul{padding:0;list-style:none}.host-view li{border-top:1px solid #45464d;padding:12px 0}.host-view li button{font-size:12px}.host-view .host-error{color:#ffb7bf;white-space:pre-wrap}.host-view .host-hint{font-size:11px;color:#bbc3d1}.host-view output{display:block;white-space:pre-wrap;font-size:13px;line-height:1.7;margin:12px 0}
#host-record-banner{position:fixed;top:12px;right:340px;z-index:30;padding:6px 10px;border-radius:6px;color:#fff;background:#2c1018;font-size:12px;pointer-events:none}#host-record-banner::before{content:'●';color:#ff4665;margin-right:7px}body:has(#host-record-banner:not([hidden])) .room-header{padding-right:150px}#record-tool[aria-pressed=true]{color:#ff6e81!important}
#record-menu,#title-info-panel{z-index:75}#title-info-panel{top:70px;bottom:auto!important;left:15px!important}#title-info-panel dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;font-size:12px}#title-info-panel dt{color:#bfc6d4}#title-info-panel dd{margin:0;overflow-wrap:anywhere}#title-info-panel a{color:#91c3ff}#title-info-toggle{background:transparent;border:0;color:white;text-align:left;font-size:14px;padding:0;min-height:34px}
#meeting-captions{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);max-width:min(760px,90vw);background:#000d;color:white;font-size:20px;line-height:1.5;padding:10px 18px;border-radius:7px;z-index:18;pointer-events:none}#meeting-captions:empty{display:none}.host-hide-photos .people-avatar img{display:none}.people-avatar{position:relative}.people-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
#record-finish-dialog{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:1px solid #616772;border-radius:14px;background:#202124;color:#fff}#record-finish-dialog::backdrop{background:#0009}#record-finish-dialog h2{font-size:21px}#record-finish-dialog p{font-size:13px;line-height:1.6;color:#d1d7e1}#record-finish-dialog progress{width:100%;margin:16px 0}#record-finish-dialog video{width:100%;max-height:300px;background:#000}#record-finish-dialog .host-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}#record-finish-dialog button{min-height:40px;font-size:13px}#record-finish-dialog a{color:#a4ccff}#record-finish-dialog [hidden]{display:none!important}
#live-extra-tools .host-tool-button{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;min-height:85px;background:transparent;border:0;font-size:12px;color:#fff}#live-extra-tools .host-tool-button .tool-icon{width:25px;height:25px}#host-record-options{min-width:26px;padding:2px!important;font-size:18px!important}#record-group{display:flex;align-items:center}
@media(min-width:621px) and (max-width:1100px){body.is-connected #meeting-toolbar-actions{gap:2px}body.is-connected #meeting-toolbar-actions>button{font-size:10px;min-width:45px}#host-record-banner{right:240px}}
@media(max-width:620px){#host-record-banner{top:60px;right:8px;font-size:11px}body:has(#host-record-banner:not([hidden])) .room-header{padding-right:10px}#meeting-captions{bottom:90px;font-size:16px}body.is-connected #host-access-tab{min-width:0}#title-info-panel{top:62px}#title-info-panel dl{grid-template-columns:90px minmax(0,1fr)}}

body.host-page-open [data-view=access]>:not(#host-tools-panel){display:none!important}.host-page-open #host-tools-panel{display:block}body.is-host .people-footer>.host-key-secondary{display:none!important}body.is-connected #live-extra-tools>#more-host-tools{grid-column:1/-1;align-items:flex-start;text-align:left;border-bottom:1px solid #494a50;border-radius:0;min-height:70px}#record-group[hidden]{display:none!important}#record-group{flex:0 1 110px;min-width:60px;gap:0}#record-group #record-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:64px;padding:4px;background:transparent;color:#fff;border:0;font-size:11px}#record-group #host-record-options{background:transparent;color:white;border:0;width:20px;min-width:20px}body.is-host .people-footer{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,.7fr)}

body.is-connected #videos[data-mode=gallery]:not([data-visible-count="1"]){padding:12px;align-content:center;grid-auto-rows:minmax(0,1fr)}body.is-connected #videos[data-mode=gallery] .tile{border-radius:10px}body.is-connected #videos[data-mode=dynamic]:not([data-visible-count="1"]){padding:12px;gap:8px;align-content:stretch}body.is-connected #videos[data-mode=dynamic] .tile{border-radius:12px}body.is-connected #videos[data-mode=dynamic] .tile video{object-fit:cover}body.is-connected #videos[data-mode=immersive]{padding:18vh 6vw 11vh;gap:12px;background:radial-gradient(ellipse at 50% 100%,#9b633a 0 18%,transparent 19%),linear-gradient(90deg,#18282b,#384849 40%,#263c3b 65%,#17242c)}body.is-connected #videos[data-mode=immersive] .tile{border:3px solid #a7b8ad;border-radius:90px 90px 15px 15px;background:#17232a;overflow:hidden}body.is-connected #videos[data-mode=immersive] .tile video{object-fit:cover}

body.is-connected #videos[data-mode=gallery] .tile.gallery-orphan{grid-column:1/-1!important;width:calc((100% - 6px)/2);justify-self:center}@media(max-width:620px){body.is-connected #videos[data-mode=dynamic]:not([data-visible-count="1"]){grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(var(--gallery-rows),minmax(0,1fr))}}

body.is-connected #meeting-toolbar-actions>.host-tool-button::before{display:none}.toolbar-pin-help{font-size:11px;color:#bfc5d1;border-top:1px solid #45464b;padding-top:12px}.toolbar-pin-help button{font-size:11px;padding:4px 7px;min-height:30px;background:transparent;color:#9bc8ff;border:0}body.is-connected #meeting-toolbar-actions>.host-tool-button .tool-icon{width:25px;height:25px}
body.is-connected #host-tools-panel .host-row input:checked{background:#0875ed;border-color:#0875ed}
body.is-connected.host-page-open{--live-panel-width:440px}
body:has(#host-record-banner:not([hidden])) .room-header{padding-right:20px}
@media(max-width:900px){body.is-connected.host-page-open{--live-panel-width:360px}}
@media(max-width:620px){body:has(#host-record-banner:not([hidden])) .room-header{padding-right:10px}}

#record-elapsed{margin-left:8px;padding-left:8px;border-left:1px solid #a66d7b;font-variant-numeric:tabular-nums;white-space:nowrap}#record-elapsed[hidden]{display:none!important}
