/* The wide workspace shares the mobile actions and a single video element. */
@media (min-width:768px) {
 .source-screen {max-width:none;--console-width:clamp(320px,24vw,360px)}
 .source-screen>.topbar {width:min(720px,100%);align-self:center;padding:18px 20px 14px;min-height:84px}
 .source-screen>.topbar .location-add-tv {width:50px;height:50px;border:1px solid var(--line);border-radius:14px;background:var(--card-2);display:grid;place-items:center}
 .source-screen>.content {position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 20px 12px 70px;overflow:hidden}
 .source-screen>.content>.source-stage,
 .source-screen:has([data-control-panel]:not([hidden])) .source-stage {position:relative;flex:none;width:var(--source-width,100%);height:var(--source-height,100%);min-height:0;background:#000;border-radius:20px;overflow:visible;padding:0}
 .source-screen .source-monitor,
 .source-screen:has([data-control-panel]:not([hidden])) .source-monitor {position:absolute!important;inset:0;width:100%;height:100%;max-height:none;min-height:0!important;aspect-ratio:auto!important;margin:0!important;border-radius:20px!important;overflow:hidden;background:#000!important}
 .source-screen .source-monitor>div:has(+.playlist-preview-controls) {height:calc(100% - 44px);aspect-ratio:auto!important}
 .source-screen .playlist-preview-controls {position:absolute!important;bottom:0;left:0;padding-right:calc(var(--console-width) + 32px)}
 .source-console-dock {position:absolute;right:calc(-1 * var(--console-offset,0px));bottom:14px;z-index:4;width:var(--console-width);max-width:calc(100vw - 68px);max-height:calc(100% - 28px);display:flex;flex-direction:column;pointer-events:none}
 .source-console {position:relative;min-height:0;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid #ffffff12;border-radius:14px;background:rgba(var(--bg-rgb),.85);box-shadow:0 12px 40px #0004;backdrop-filter:blur(14px);pointer-events:auto}
 .source-console-toggle {position:absolute;left:-14px;top:-14px;z-index:6;width:44px;height:44px;display:grid;place-items:center;padding:6px;border:0;background:transparent;cursor:pointer;pointer-events:auto;touch-action:manipulation}
 .source-console-toggle svg {width:28px;height:28px;fill:#f5c542;filter:drop-shadow(0 2px 4px #0008)}
 .source-console-toggle:hover svg {fill:#ffe68a}
 .source-console-toggle:focus-visible {outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}
 .source-console-dock.is-collapsed {right:14px}
 .source-console-dock.is-collapsed .source-console {visibility:hidden;pointer-events:none}
 .source-console-dock.is-collapsed .source-console-toggle {left:auto;top:auto;right:-8px;bottom:-8px}
 .source-console-dock.is-collapsed .source-console-toggle svg {transform:rotate(180deg)}
 .source-console>.source-control-panel {order:-1;flex:none;padding:20px 18px 16px;margin:0;border-bottom:1px solid var(--line);background:transparent}
 .source-console>.source-selector-row {flex:none;margin:0!important;padding:12px 14px;gap:8px}
 .source-console .source-selector-row select {padding:10px!important;background:rgba(var(--bg-rgb),.7)!important;border-color:var(--line)!important;min-height:44px}
 .source-console .source-selector-row select:focus-visible {outline:2px solid var(--accent);outline-offset:2px}
 .source-console .source-tools {display:flex;align-items:center;gap:6px}
 .source-console .source-control-toggle {min-height:44px;padding:7px 10px;font-size:10px}
 .source-console>[data-source-tvs] {flex:0 1 auto;min-height:110px;max-height:30dvh;overflow:auto;overscroll-behavior:contain;padding:0 14px 14px;scrollbar-width:thin}
 .source-console [data-source-tvs]>.eyebrow {margin:0 0 8px;font-size:10px}
 .source-console .tv-compact-grid {margin:0!important;gap:7px!important}
 .source-console .tv-compact-card {min-height:56px;background:rgba(var(--bg-rgb),.35);border-radius:8px}
 .source-console .tv-placeholder {opacity:.45}
 .source-console .source-control-panel.ptz-remote .compact-google-layout {grid-template-columns:44px 34px 34px minmax(0,1fr);grid-template-rows:170px auto;gap:16px 14px;margin:12px auto 0;max-width:430px}
 .source-console .source-control-panel.ptz-remote .ptz-preset-column {gap:6px}
 .source-console .source-presets button {min-height:38px;padding:4px 2px;background:#ffffff08;border-color:#ffffff12;border-radius:10px}
 .source-console .source-presets span {font-size:8px}
 .source-console .source-presets strong {font-size:13px}
 .source-console .source-control-panel.ptz-remote .ptz-speed-control {min-height:44px;gap:6px}
 .source-console .source-control-result {line-height:1.5;margin:0 0 8px}
 .source-screen>.tabbar {width:min(720px,100%);align-self:center;background:transparent;padding-top:10px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}
 .source-screen .network-statistics {position:absolute;top:12px;left:34px;max-width:calc(100% - var(--console-width) - 80px);max-height:60%;overflow:auto;z-index:5;background:var(--card);box-shadow:0 8px 30px #0004}
}
@media (min-width:768px) and (max-height:740px) {
 .source-screen>.topbar {min-height:64px;padding-block:8px}
 .source-screen>.topbar .location-add-tv {width:44px;height:44px}
 .source-console-dock {bottom:14px;max-height:calc(100% - 28px)}
 .source-console>.source-control-panel {padding:12px 18px}
 .source-console .source-control-panel.ptz-remote .compact-google-layout {grid-template-rows:144px auto;gap:10px 14px}
 .source-console .compact-rockers .remote-rocker,.source-console .source-control-panel.ptz-remote .compact-google-layout>.ptz-focus {height:116px}
 .source-console .source-control-panel.ptz-remote .ptz-focus .focus-auto {top:119px;min-height:22px}
 .source-console .source-presets button {min-height:34px}
 .source-console>[data-source-tvs] {max-height:24dvh}
}