.broadcast-layout-controls { display:grid;grid-template-columns:102px minmax(0,1fr);gap:14px;align-items:stretch; }
.broadcast-layout-buttons { display:grid;justify-items:start;gap:7px; }
.broadcast-toolbar.broadcast-joined { display:inline-flex;flex-wrap:nowrap;gap:0; }
.broadcast-toolbar.broadcast-joined button { display:grid;place-items:center;position:relative;width:34px;height:30px;padding:0;border-radius:0;font-size:16px; }
.broadcast-toolbar.broadcast-joined button+button { margin-left:-1px; }
.broadcast-toolbar.broadcast-joined button:first-child { border-radius:6px 0 0 6px; }
.broadcast-toolbar.broadcast-joined button:last-child { border-radius:0 6px 6px 0; }
.broadcast-toolbar.broadcast-joined button[aria-pressed=true] { position:relative;z-index:1; }
/* The button surface is the screen; caption bars preview position and width. */
.broadcast-button-caption { position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;gap:3px;width:72%;pointer-events:none; }
.broadcast-button-caption i { display:block;width:100%;height:2px;border-radius:2px;background:currentColor; }
.broadcast-joined [data-broadcast-placement=lower] .broadcast-button-caption { top:auto;bottom:5px;transform:translateX(-50%); }
.broadcast-joined [data-broadcast-width="88"] .broadcast-button-caption { width:80%; }
.broadcast-joined [data-broadcast-width="70"] .broadcast-button-caption { width:64%; }
.broadcast-joined [data-broadcast-width="52"] .broadcast-button-caption { width:47%; }
.broadcast-joined svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }
.broadcast-joined button:focus-visible { outline:2px solid var(--accent);outline-offset:2px;z-index:2; }
.broadcast-mini-screen { position:relative;height:100%;min-height:104px;box-sizing:border-box;width:100%;min-width:0;background:#407c57;border:1px solid #0003;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 0 1px #fff2; }
.broadcast-mini-caption { position:absolute;width:88%;bottom:8%;left:50%;transform:translateX(-50%);display:grid;gap:3px;justify-items:start; }
.broadcast-mini-caption i { display:block;width:100%;height:3px;border-radius:1px;background:repeating-linear-gradient(to right,#fff 0 13px,transparent 13px 16px);filter:drop-shadow(0 1px 0 #0006); }
.broadcast-mini-caption i:nth-child(n+2) { width:78%; }
.broadcast-mini-caption i[hidden] { display:none; }
.broadcast-mini-screen[data-placement=center] .broadcast-mini-caption { bottom:auto;top:50%;transform:translate(-50%,-50%); }
.broadcast-mini-screen[data-placement=off] .broadcast-mini-caption { visibility:hidden; }

/* Adjacent controls share the preceding button’s single border. */
.broadcast-toolbar #broadcastFontIncrease,.broadcast-toolbar [data-broadcast-weight=medium],.broadcast-toolbar [data-broadcast-weight=bold] { border-left:0; }

.broadcast-toolbar.broadcast-joined [data-broadcast-placement=off] { font-size:11px;font-weight:600;letter-spacing:.02em; }

/* A separate, collapsible home for video overlay controls. */
.broadcast-side-widget { display:block;background:var(--surface-muted);border-radius:12px;padding:12px; }
.broadcast-section-heading { height:28px;line-height:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;font-size:15px;font-weight:600; }
.broadcast-section-heading::-webkit-details-marker { display:none; }
.broadcast-section-chevron { display:block;flex:0 0 16px;width:16px;height:16px;font-size:0;background:currentColor;clip-path:polygon(31% 8%,77% 50%,31% 92%,20% 80%,54% 50%,20% 20%);transition:transform .15s; }
.broadcast-side-widget[open] .broadcast-section-chevron { transform:rotate(90deg); }
.broadcast-section-heading:focus-visible { outline:2px solid var(--accent);outline-offset:4px;border-radius:3px; }
.broadcast-side-widget .broadcast-controls { padding:12px 0 0; }
.broadcast-toolbar button[aria-pressed=true] { background:var(--surface-soft);color:var(--accent); }
.broadcast-toolbar #broadcastLanguageButton { background:var(--accent);color:var(--accent-text,white);border-color:var(--accent); }
.broadcast-toolbar button:disabled { opacity:.45;cursor:default; }
.broadcast-popout { position:absolute;top:6px;right:6px;z-index:1;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #ffffff40;border-radius:9px;background:#183c29;color:white;font:inherit;font-size:30px;cursor:pointer; }
.broadcast-popout:hover { background:#102d1e; }
.broadcast-popout:focus-visible { outline:2px solid white;outline-offset:2px; }