.tool-icon{display:block;width:24px;height:24px;flex:none}
/* A compact list: identical touch targets, secondary tools disclosed on demand. */
body.is-connected #live-more-panel{width:350px;padding:16px;background:#20242b;border-color:#454d5a}
body.is-connected #live-extra-tools{display:block}
body.is-connected .live-tool-list{display:grid;grid-template-columns:minmax(0,1fr);gap:3px}
body.is-connected #live-extra-tools button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;gap:10px;min-width:0;min-height:44px;height:auto;padding:11px 12px;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;color:#f3f5f9;font-size:14px;line-height:1.35;font-weight:500}
body.is-connected #live-extra-tools button:hover:enabled{background:#343c48;filter:none}
body.is-connected #live-extra-tools button[aria-pressed=true]{background:#253e48;border-color:#558b8d}
body.is-connected #live-extra-tools button:disabled{opacity:.5;cursor:not-allowed}
body.is-connected #live-extra-tools .tool-icon{display:none}
body.is-connected #live-other-tools{border-top:1px solid #424a57;margin-top:10px;padding-top:8px}
body.is-connected #live-other-tools>summary{padding:12px;min-height:44px;font-size:13px;color:#c4cddb}
body.is-connected #live-other-items{padding-top:6px}
body.is-connected #live-other-tools .live-check{font-size:12px;padding:10px 12px;margin:8px 0}
body.is-connected #live-more-panel .toolbar-pin-help{font-size:11px;padding:12px;margin:0;border:0}
body.is-connected #live-more-panel .toolbar-pin-help button{font-size:12px}
body.is-connected #live-more-panel #meeting-settings{margin:0;padding:0;border:0}
body.is-connected #live-more-panel.showing-settings #live-extra-tools{display:none}
body.is-connected #live-more-panel.showing-settings #meeting-settings>summary{display:none}
body.is-connected #live-tools-back{margin:0 0 12px;font-size:13px;min-height:44px;background:#303a48;color:white}
body.is-connected #live-extra-tools #tool-restrictions{position:static;max-width:none;font-size:12px;padding:12px;margin:10px 0;background:transparent;border:0;color:#bac4d2}
body.is-connected #live-extra-tools #record-group{width:100%;max-width:none}
body.is-connected #live-extra-tools #host-record-options{width:44px;flex:none;justify-content:center}
#live-info-dialog{width:min(520px,calc(100vw - 24px));max-height:90dvh;overflow:auto;background:#242426;color:#fff;border:1px solid #5d6069;border-radius:14px;padding:24px}
#live-info-dialog::backdrop{background:#000a}
#live-info-dialog h2{font-size:19px;margin:0}
#live-info-dialog dt{font-size:12px;color:#bdc3ce}
#live-info-dialog dd{margin:3px 0 18px;overflow-wrap:anywhere}
#live-info-dialog input{margin:6px 0 18px}
/* Display choices use a clear checked list instead of a long settings form. */
body.is-connected #live-display-panel{width:360px;padding:10px;background:#242426;border-color:#4c4c52}
body.is-connected #live-display-panel>.live-popover-heading{padding:3px 8px;margin-bottom:4px}
body.is-connected #live-display-panel>.live-popover-heading strong{font-size:13px;color:#c8c8ce}
body.is-connected #live-view-modes{display:grid;gap:2px}
body.is-connected #live-view-modes button{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 12px;border:0;border-radius:6px;background:transparent;color:#fff;font-size:14px;font-weight:400;text-align:left}
body.is-connected #live-view-modes button:hover{background:#3c3c42;filter:none}
body.is-connected #live-view-modes .mode-check{width:16px;visibility:hidden;color:#a1d5ff}
body.is-connected #live-view-modes [aria-pressed=true] .mode-check{visibility:visible}
body.is-connected #live-view-modes .tool-icon{margin-left:auto;width:19px;height:19px}
body.is-connected #live-display-panel .stage-options .view-choice{display:none}
body.is-connected #live-display-panel>label,body.is-connected .live-view-extras{margin:12px 0 0;padding:12px 8px 0;border-top:1px solid #4a4a4e}
body.is-connected #live-display-panel label{font-size:13px;font-weight:400}
body.is-connected #live-display-panel .live-check{margin:8px 0 14px;gap:9px}
body.is-connected .live-view-extras details{padding:8px 0}
body.is-connected .live-view-extras summary{font-size:13px;list-style-position:outside;margin-left:12px;padding:4px 0}
body.is-connected .live-view-extras details label{margin-top:12px}
body.is-connected #live-menu-fullscreen{width:100%;margin-top:10px;background:#333339;border-color:#5e626b;color:#fff;font-size:13px}
body.is-connected #live-display-panel #network{display:block;margin:12px 8px 0;font-size:11px}
body.is-connected #live-display-panel .stage-options{margin:10px 8px 0;padding-top:12px;border-top:1px solid #4a4a4e}
body.live-mirror-self #videos .tile[data-local=true] video:not([data-screen]){transform:scaleX(-1)}
body.live-hide-timer #duration{display:none}
body.is-connected #videos.studio-view:not(.has-focus) .tile{grid-column:var(--studio-start,auto)/span 2}
body.is-connected #videos.studio-view:not(.has-focus) .lead-tile{grid-column:span 3}
body.is-connected #videos.studio-view[data-visible-count="1"] .lead-tile{grid-column:1/-1}
/* Sharing layouts are a local viewing preference; screen content never crops. */
body.is-connected #videos[data-presentation=content],body.is-connected #videos[data-presentation=inset]{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)}
body.is-connected #videos[data-presentation=side]{grid-template-columns:minmax(0,3fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)}
body.is-connected #videos[data-presentation=side] .focused{grid-column:1;grid-row:1}
body.is-connected #videos[data-presentation=side] .presenter-tile{grid-column:2;grid-row:1}
body.is-connected #videos[data-presentation=inset] .presenter-tile{position:absolute;right:20px;bottom:110px;width:min(28%,360px);height:auto;aspect-ratio:16/9;z-index:5;border:2px solid #9298a6;border-radius:8px}
/* Participants: named rows with roles, live states and actions. */
#people-list{padding:0;margin:12px 0;list-style:none}
#people-list>li{display:flex;align-items:center;gap:10px;min-height:66px;padding:10px 4px;background:transparent;border-radius:0;margin:0;border-bottom:1px solid #35383f;position:relative}
.people-avatar{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border-radius:50%;background:#bd6e00;color:#fff;font-size:18px;font-weight:600}
.people-identity{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.people-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.people-role{font-size:11px;color:#bec5d0}
.people-media{display:block;position:relative;flex:none;width:18px;height:22px;color:#eee}
.people-media .tool-icon{width:18px;height:22px}
.people-media[data-enabled=false]{color:#ff9b9f}
.people-media[data-enabled=false]::after{content:'';position:absolute;top:10px;left:-1px;width:21px;height:1.5px;background:currentColor;transform:rotate(-45deg)}
.is-speaking .people-avatar{box-shadow:0 0 0 2px #66dc9d}
.people-menu{position:relative;flex:none}
.people-menu summary{list-style:none;display:grid;place-items:center;min-width:32px;min-height:38px;cursor:pointer;border-radius:6px}
.people-menu summary::-webkit-details-marker{display:none}
.people-menu summary:hover{background:#ffffff15}
.people-menu .tool-icon{width:21px;height:21px}
.people-row-actions{position:absolute;right:0;top:38px;z-index:5;display:grid;min-width:210px;max-width:240px;gap:4px;padding:8px;background:#303238;border:1px solid #666c77;border-radius:8px;box-shadow:0 5px 20px #0008}
.people-row-actions button{min-height:40px;padding:9px;text-align:left;background:transparent;color:#fff;border:0;border-radius:5px;font-size:12px}
.people-row-actions button:hover:enabled{background:#4a4e57;filter:none}
.people-footer{position:sticky;bottom:-18px;display:flex;flex-wrap:wrap;gap:8px;padding:14px 0;background:#191b20;z-index:3;margin-top:16px;border-top:1px solid #454850}
.people-footer button{flex:1;padding:9px 12px;font-size:12px;min-height:42px}
#people-action-status{flex-basis:100%;font-size:12px;overflow-wrap:anywhere;margin:0}
#people-search-label{font-size:12px;margin:6px 0 14px}
#people-total{font-size:12px;margin:8px 0}
/* Browser source picker is requested only by a deliberate Share click. */
#share-dialog{width:min(1180px,calc(100vw - 32px));height:min(780px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #595c64;border-radius:12px;background:#242424;color:#fff;overflow:hidden}
#share-dialog[open]{display:flex;flex-direction:column}
#share-dialog::backdrop{background:#0009}
.share-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 22px;border-bottom:1px solid #474747;flex:none}
.share-heading h2{font-size:18px;margin:0}
.share-heading button{min-width:36px;min-height:36px;padding:0;font-size:25px;background:transparent;color:#fff;border:0}
.share-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;flex:1;min-height:0}
.share-sources{padding:22px;overflow:auto;min-width:0}
#share-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:30px}
#share-tabs button{padding:7px 13px;min-height:36px;border:0;border-radius:24px;background:#303034;color:#fff;font-size:13px;font-weight:500}
#share-tabs button[aria-pressed=true]{color:#83baff;background:#173054}
#share-source-title{font-size:16px;margin-bottom:20px}
.share-source-card{width:min(100%,330px);min-height:195px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;border:2px solid #2686ff;border-radius:12px;background:#1b1d22;color:#e3edff;padding:22px;font-size:14px}
.share-source-card .tool-icon{width:88px;height:64px;color:#9bbfed}
#share-picker-note{max-width:500px;font-size:13px;color:#c7c9d0;line-height:1.6;margin-top:22px}
.share-options{padding:20px 18px;border-left:1px solid #4b4b50;overflow:auto;min-width:0;background:#202022}
.share-options h3{font-size:16px;margin-bottom:16px}
#share-layout-preview{height:160px;position:relative;background:#060708;border:1px solid #6d727d;margin-bottom:18px;overflow:hidden}
.share-demo-content{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;color:#a8bbd6;background:#121d2c}
#share-preview-camera,#share-preview-avatar{position:absolute;bottom:10px;right:10px;width:30%;height:35%;object-fit:contain;background:#444b56;color:#fff;font-size:10px;display:grid;place-items:center}
#share-layout-preview[data-layout=content] #share-preview-camera,#share-layout-preview[data-layout=content] #share-preview-avatar{display:none}
#share-layout-preview[data-layout=side] .share-demo-content{right:32%}
#share-layout-preview[data-layout=side] #share-preview-camera,#share-layout-preview[data-layout=side] #share-preview-avatar{inset:0 0 0 auto;width:32%;height:100%}
#share-presenter-layout{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #4a4c54}
#share-presenter-layout button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:86px;min-width:0;padding:9px 6px;border:1px solid #737a87;border-radius:9px;background:transparent;color:#fff;font-size:11px;font-weight:400;text-align:center}
#share-presenter-layout button[aria-pressed=true]{border:2px solid #4096ff;background:#243149}
#share-presenter-layout .tool-icon{width:36px;height:30px}
.share-options .live-check{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:13px;font-weight:400;margin:16px 0 8px}
.share-options input[type=checkbox]{width:20px;flex:none}
.share-hint{font-size:11px;color:#bfc4cf;line-height:1.5;margin-left:30px}
.share-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 22px;border-top:1px solid #555;background:#242424;flex:none}
.share-footer #share-status{margin:0 auto 0 0;font-size:12px;color:#d5dce8}
#share-start{min-width:180px;background:#1475df;color:#fff;font-size:15px}
#share-error{padding:12px;color:#ffd7dc;background:#532b34;border:1px solid #d58c99;border-radius:9px;font-size:13px}
body.live-mirror-self #share-preview-camera{transform:scaleX(-1)}
@media(max-width:620px){
 body.is-connected #live-more-panel{width:min(378px,calc(100vw - 24px))}
 body.is-connected #live-more-panel{width:min(350px,calc(100vw - 24px))}
 body.is-connected #live-display-panel{max-height:calc(100dvh - 145px)}
 body.is-connected #videos.studio-view:not(.has-focus) .tile{grid-column:auto}
 body.is-connected #videos[data-presentation=side]{grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important;grid-template-rows:1fr}
 body.is-connected #videos[data-presentation=inset] .presenter-tile{width:35%;right:10px;bottom:98px}
 .people-footer{bottom:-14px}
 .people-media{width:16px}.people-media .tool-icon{width:16px}.people-row-actions{min-width:180px}
 #share-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}
 .share-heading{padding:12px 14px}.share-heading h2{font-size:16px}
 .share-layout{grid-template-columns:1fr;display:block;overflow:auto}
 .share-sources{padding:16px;overflow:visible}
 .share-options{padding:16px;border-left:0;border-top:1px solid #555;overflow:visible}
 #share-tabs{margin-bottom:20px}#share-tabs button{font-size:12px;padding:7px 10px}
 .share-source-card{min-height:150px;width:100%}.share-source-card .tool-icon{height:48px}
 #share-layout-preview{height:130px}
 #share-presenter-layout{grid-template-columns:repeat(3,minmax(0,1fr))}
 .share-footer{padding:10px;gap:8px;flex-wrap:wrap}.share-footer #share-status{flex-basis:100%;font-size:11px}#share-start{min-width:130px}
}
@media(max-height:520px) and (min-width:621px){#share-dialog{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.share-source-card{min-height:145px}.share-heading{padding:8px 18px}.share-options{padding:14px}#share-layout-preview{height:110px}}
@media(min-width:901px){
 body.is-connected:has(.workspace-view[data-view=people]:not([hidden])){--live-panel-width:clamp(340px,28vw,520px)}
 body.is-connected:has(.workspace-view[data-view=people]:not([hidden])) #workspace-content{bottom:12px;background:#222225;border:1px solid #45454b;border-radius:10px 0 0 10px}
 body.is-connected:has(.workspace-view[data-view=people]:not([hidden])) #workspace-content .panel-heading,body.is-connected:has(.workspace-view[data-view=people]:not([hidden])) .people-footer{background:#222225}
 body.is-connected:has(.workspace-view[data-view=people]:not([hidden])) #meeting-toolbar{right:var(--live-panel-width)}
}
.people-menu.open-up .people-row-actions{top:auto;bottom:40px}
body.is-connected #live-display-advanced .stage-options{margin:12px 0 0}
body.is-connected #live-display-advanced #network{margin:8px 0 0;font-size:11px}
body.is-connected .live-view-extras details>label:not(.live-check){padding-top:10px}

body.is-connected #live-extra-tools>#screen::before{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%2220%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2023h8M12%2018v5M12%2015V6m-4%204%204-4%204%204%22%2F%3E%3C%2Fsvg%3E")}
body.is-connected #live-extra-tools>#raise-hand::before{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2012V5a2%202%200%200%201%204%200v6-8a2%202%200%200%201%204%200v8-6a2%202%200%200%201%204%200v11c0%209-10%209-13%204l-5-7a2%202%200%200%201%203-3l3%203v-1z%22%2F%3E%3C%2Fsvg%3E")}
body.is-connected #live-extra-tools>#audio-connect::before{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2014V9a8%208%200%200%201%2016%200v5M4%2012H2v8h4v-8zm16%200h2v8h-4v-8z%22%2F%3E%3C%2Fsvg%3E")}
body.is-connected #live-extra-tools>:is(#screen,#raise-hand,#audio-connect)::before{content:"";display:block;width:25px;height:25px;margin:auto auto 0;background:currentColor;mask-size:contain;mask-position:center;mask-repeat:no-repeat}
body.is-connected #live-extra-tools .tool-icon{margin:4px auto 0}
body.is-connected #live-extra-tools>.live-tool>span{min-height:34px}

/* State icons are usable controls for self, and mute-only controls for hosts. */
#people-list .people-media{display:grid;place-items:center;width:32px;height:36px;min-width:32px;min-height:36px;padding:6px;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer}
#people-list .people-media .tool-icon{width:18px;height:22px}
#people-list .people-media[data-enabled=false]::after{left:5px;top:17px}
#people-list .people-media:hover:enabled{background:#ffffff18;filter:none;border-color:#777d87}
#people-list .people-media:disabled{opacity:1;cursor:default}
#meeting-sync-retry{margin-top:10px;min-height:36px;font-size:12px}

/* Source selection shows the captured image before it is published. */
#share-dialog [hidden]{display:none!important}
#share-tabs button[aria-selected=true]{color:#9ac8ff;background:#173054}
#share-selected-video{display:block;width:100%;height:clamp(150px,26vh,280px);object-fit:contain;background:#08090b;border:2px solid #4096ff;border-radius:10px}
#share-selected-name{display:block;margin:12px 0 6px;overflow-wrap:anywhere}
#share-selection-status{font-size:12px;color:#cbd3df;margin:6px 0 14px}
#share-reselect{font-size:12px;padding:8px 12px;min-height:38px}
#share-preview-content{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#share-preview-empty{padding:12px;text-align:center}
#share-dialog[data-content=files] .share-layout,#share-dialog[data-content=other] .share-layout{grid-template-columns:minmax(0,1fr)}
.share-content-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;padding:16px;border:1px solid #626a78;border-radius:10px;background:#1b1d22;color:#f1f5ff;text-align:center;font-size:13px}
.share-content-card:hover:enabled{background:#2e3645;filter:none}
.share-content-card[aria-pressed=true]{border:2px solid #4096ff;background:#243149}
.share-content-card .tool-icon{width:28px;height:28px;flex:none}
.share-content-card strong{font-size:14px;overflow-wrap:anywhere}
.share-content-card>span{font-size:12px;color:#c4ccda}
.share-file-contents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-content:start}
.share-file-actions{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap}
.share-file-actions .share-content-card{flex-direction:row;min-height:44px;padding:10px 16px}
.share-file-note{grid-column:1/-1;color:#c9d2e1;font-size:13px;line-height:1.6;margin:2px 0}
.share-other-contents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.share-other-contents canvas{width:100%;height:auto;aspect-ratio:16/9;background:#fff;border-radius:6px}
.share-other-contents ul{padding-left:20px;text-align:left;font-weight:400;font-size:13px;overflow-wrap:anywhere}
.share-source-card .tool-icon{width:72px;height:58px}
.share-footer #share-start{min-height:44px}
#share-start:disabled{opacity:.5}
.tile.local-share-preview{position:relative;background:#141b28}
.tile.local-share-preview[data-preview=hidden]>video{opacity:0;pointer-events:none}
.local-share-notice{position:absolute;inset:60px 20px 110px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;color:#eef4ff}
.local-share-notice[hidden]{display:none}
.local-share-notice strong{font-size:clamp(18px,2.5vw,28px)}
.local-share-notice p{max-width:520px;line-height:1.6;margin:0;color:#bac9dc;font-size:clamp(12px,1.6vw,16px)}
.local-share-toggle{position:absolute;top:calc(50% + 96px);bottom:auto;left:50%;transform:translateX(-50%);z-index:3;max-width:calc(100% - 24px);min-height:44px;background:#202f44;color:#fff;border:1px solid #6c829e}
@media(max-width:620px){.share-file-contents{grid-template-columns:repeat(2,minmax(0,1fr))}.share-other-contents{grid-template-columns:1fr}.share-content-card{padding:12px}.share-content-card strong{font-size:12px}#share-selected-video{height:180px}.share-file-actions .share-content-card{padding:9px;font-size:12px}.share-file-actions .share-content-card strong{font-size:12px}}

body.is-connected #live-quick-tools>button:disabled{display:none}