/* Opaque operator surfaces: no glass layer competes with election controls. */
@media(prefers-reduced-motion:reduce){body button:active{transform:none}}
body:not(.output) .selection-card,body:not(.output) .preview-card,body:not(.output) .extras{background:#10283f;backdrop-filter:none}
body:not(.output) .take-bar{background:#0b2036;backdrop-filter:none;box-shadow:none}
.selection-trigger{width:100%;margin-top:7px;min-height:52px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:13px 16px;background:#0b2036;border:1px solid #718ba756;color:#fff;font-size:16px;font-weight:600;line-height:1.4;white-space:normal;overflow:visible}
.picker-value{display:block;min-width:0;overflow-wrap:anywhere}.selection-trigger svg{flex-shrink:0;color:#a9c9e9}.selection-trigger:focus-visible,.picker-option:focus-visible{outline:2px solid #80b9ff;outline-offset:3px}
.selection-pair{grid-template-columns:1fr}.color-label span{white-space:normal;text-overflow:clip;overflow:visible;overflow-wrap:anywhere;line-height:1.5}.preview-summary strong{max-width:none;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.45}.preview-summary>div>span{flex:1;min-width:0}.preview-summary b{flex-shrink:0}.preview-summary span small{line-height:1.5}.preview-heading{align-items:flex-start}.preview-heading h2{overflow:visible;white-space:normal;overflow-wrap:anywhere;line-height:1.5}.preview-heading>span{flex-shrink:0}.program-info{align-items:flex-start;flex-wrap:wrap}.program-info strong{overflow:visible;text-overflow:clip;overflow-wrap:anywhere;white-space:normal;line-height:1.6}.rundown-row>span{white-space:normal;overflow-wrap:anywhere}.selection-caption{font-size:12px;line-height:1.55;color:#a9c6e2;margin:0;padding:10px 12px;background:#0b2036;border-radius:14px;overflow-wrap:anywhere}.selection-caption[data-pending=true]{color:#ffe2a9;border:1px solid #9a783344}.selection-caption:empty{display:none}
#selection-dialog{padding:0;border:1px solid #718ba747;border-radius:28px;background:#10283f;color:#eaf3fc;width:min(560px,calc(100vw - 24px));max-height:calc(var(--picker-viewport,100dvh) - 32px);overflow:hidden;box-shadow:0 12px 60px #0005}
#selection-dialog[open]{display:flex;flex-direction:column}#selection-dialog::backdrop{background:#0009;backdrop-filter:none}.picker-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 20px 12px;flex-shrink:0;background:#10283f}.picker-eyebrow{font-size:12px;color:#93b2d0}.picker-header h2{font-size:20px;margin:5px 0 0;line-height:1.3;overflow-wrap:anywhere}.picker-close{font-size:27px;line-height:1;min-height:44px;min-width:44px;padding:7px;border-radius:50%;background:#1c3a56;flex-shrink:0}.picker-search{padding:0 20px 14px;flex-shrink:0}.picker-search label{font-size:12px;margin-bottom:7px}.picker-search input{width:100%;min-height:48px;border:1px solid #718ba756;border-radius:999px;padding:12px 16px;background:#0b2036;color:#fff;font-size:16px;outline-offset:3px}.picker-options{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:0 12px;scroll-padding:8px}.picker-option{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:15px 12px;margin:4px 0;min-height:52px;border:1px solid transparent;border-radius:16px;background:transparent;text-align:left;font-size:15px;font-weight:500;line-height:1.55;white-space:normal}.picker-option>span{min-width:0;overflow-wrap:anywhere}.picker-option>i{font-size:18px;font-style:normal;min-width:20px;flex-shrink:0}.picker-option[aria-pressed=true]{background:#1d63c329;border-color:#4387dd68;color:#fff}.picker-more{display:block;width:100%;margin:12px 0;font-size:14px}.picker-count{font-size:12px;color:#94b2ce;padding:12px 20px 16px;margin:0;flex-shrink:0;line-height:1.5}.picker-empty{font-size:14px;padding:24px 10px;line-height:1.6;color:#aac5df}body:has(#selection-dialog[open]){overflow:hidden}
@media(hover:hover) and (pointer:fine){.picker-option:hover{background:#1c3a56}}
@media(max-width:720px){.workspace{padding-top:max(16px,env(safe-area-inset-top));padding-bottom:calc(170px + env(safe-area-inset-bottom))}.selection-card{padding:18px;gap:16px}.selection-pair{gap:16px}.selection-card label{font-size:13px}.selection-trigger{border-radius:20px;padding:14px 16px;min-height:54px}.selection-card .section-label{display:block;font-size:14px}.take-bar{border-radius:22px 22px 0 0;border-top:1px solid #5879955c;background:#0b2036;backdrop-filter:none;box-shadow:none}.preview-summary>div{align-items:flex-start}.preview-summary strong{font-size:13px}.preview-summary b{font-size:22px}.preview-heading{flex-direction:column;gap:7px}.preview-heading h2{font-size:14px}.preview-card{padding-top:56px}.preview-tools{top:9px}.output-control{font-size:12px;letter-spacing:0}.rundown-row{align-items:flex-start}.rundown-row>span{font-size:13px;padding:9px 0}.program-info>span{flex-basis:100%}.selection-caption{font-size:12px}#selection-dialog{margin:auto auto 0;width:100%;border-radius:26px 26px 0 0;max-height:min(88dvh,calc(var(--picker-viewport,100dvh) - 16px));padding-bottom:env(safe-area-inset-bottom)}.picker-header{padding-top:18px}.picker-option{font-size:16px;min-height:56px}.picker-options{padding-bottom:4px}}
@media(max-height:560px){body:not(.output) .take-bar{position:static;margin-top:14px;left:auto;right:auto;bottom:auto;width:100%;border-radius:22px}.workspace{padding-bottom:24px}#notice{bottom:16px}#selection-dialog{max-height:calc(var(--picker-viewport,100dvh) - 12px)}.picker-header{padding-top:10px}.picker-header h2{font-size:18px}.picker-search{padding-bottom:8px}.picker-count{padding-top:8px;padding-bottom:8px}}
/* Information and controls sit in one card; the broadcast canvas stands alone. */
.preview-info-card{padding:20px;border:1px solid #94aec224;border-radius:26px;background:#10283f;min-width:0;margin-bottom:16px}
.preview-info-card .preview-toolbar{margin-bottom:16px}
.preview-info-card .format-switch{flex:1;justify-content:center}
.preview-info-card .format-switch button{flex:1;min-height:44px}
.preview-info-card .preview-heading{margin-bottom:0;gap:12px;align-items:center}
.preview-info-card .preview-heading h2{margin:0;font-size:15px;line-height:1.5}
.preview-info-card .preview-heading>span{font-size:11px;padding:7px 11px;border-radius:999px}
.preview-info-card .preview-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border-top:1px solid #8bacc328;margin-top:16px;padding-top:14px}
.preview-info-card .preview-summary:empty,.preview-info-card[data-kind=map] .preview-summary,.preview-info-card[data-kind=seats] .preview-summary,.preview-info-card[data-kind=compare] .preview-summary{display:none}
.preview-info-card .preview-summary>div{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:0;border:0}
.preview-info-card .preview-summary strong{display:block;font-size:13px;color:#dcebf8;max-width:none}
.preview-info-card .preview-summary span small{display:block;color:#8eabc4;font-size:11px;margin-top:4px}
.preview-info-card .preview-summary b{font-size:24px;white-space:nowrap;font-weight:600;letter-spacing:-.04em}
.preview-info-card .preview-summary b small{font-size:12px;margin-left:2px}
.production-column>.preview-shell{border:0;border-radius:16px}
.panel-alert{margin:14px 0 0;color:#ffd3a9;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.panel-alert[hidden]{display:none}
@media(max-width:720px){.preview-info-card{padding:16px;border-radius:24px;margin-bottom:12px}.preview-info-card .format-switch{border-radius:24px}.preview-info-card .format-switch button{font-size:12px}.preview-info-card .preview-heading{flex-direction:row;flex-wrap:wrap;gap:8px}.preview-info-card .preview-heading h2{flex:1 1 150px;font-size:14px}.preview-info-card .preview-summary{grid-template-columns:1fr;gap:14px;margin-top:14px;padding-top:14px}.preview-info-card .preview-summary b{font-size:23px}.production-column>.preview-shell{border-radius:12px}}
/* Keep transmission controls next to the canvas, with no floating occlusion. */
.control-icon{display:block;width:20px;height:20px;flex-shrink:0}
.action-with-icon{display:flex;align-items:center;justify-content:center;gap:8px}.action-with-icon .control-icon{width:17px;height:17px}
.format-switch button{display:flex;align-items:center;justify-content:center;gap:7px}
.format-switch .control-icon{width:17px;height:17px}
body:not(.output) .take-bar{position:static;left:auto;right:auto;bottom:auto;width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px;border:1px solid #94aec224;border-radius:26px;margin-top:0;background:#10283f}
body:not(.output) .take-bar .output-control{grid-column:auto;min-height:54px;gap:8px;padding:12px 8px;font-size:13px}
.output-control[aria-pressed=true] .control-icon{stroke-width:2.2}
.preview-info-card .summary-photo{width:40px;height:40px;border-radius:12px;background:#1b3c59;color:#7198b8}
.preview-info-card .preview-summary>div>.summary-photo{flex:0 0 40px}
.program-info{padding-top:14px;padding-bottom:12px}
.workspace{padding-bottom:28px}
body:not(.output) summary,body:not(.output) #prepare,body:not(.output) .copy-link{min-height:44px}
.color-label input{width:48px;height:44px}
@media(max-width:720px){.workspace{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.format-switch button{gap:5px}.format-switch .control-icon{width:16px;height:16px}body:not(.output) .take-bar{grid-template-columns:repeat(6,minmax(0,1fr));padding:10px;border-radius:24px;gap:8px;margin-bottom:12px}body:not(.output) .take-bar .output-control{grid-column:span 2;min-height:50px;font-size:12px;gap:5px}body:not(.output) .take-bar .output-control:nth-child(n+4){grid-column:span 3}.output-control .control-icon{width:18px;height:18px}#notice{bottom:16px}}
@media(min-width:721px) and (max-width:1000px){body:not(.output) .take-bar{grid-template-columns:repeat(6,minmax(0,1fr))}body:not(.output) .take-bar .output-control{grid-column:span 2}body:not(.output) .take-bar .output-control:nth-child(n+4){grid-column:span 3}.preview-info-card .format-switch{flex-wrap:wrap}.preview-info-card .format-switch button{flex:1 1 28%}}