/* Receiver workspace: shared equipment theme, compact chrome and independent video tiles. */
body.receiver-page{height:100dvh;min-height:0;overflow:hidden;background:#17291d}
.receiver-shell{width:100%;max-width:none;user-select:none;-webkit-user-select:none}
.receiver-shell :is(input,textarea,[contenteditable=true]){user-select:text;-webkit-user-select:text}
.receiver-page .receiver-shell{height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(10px,1.7vh,20px);padding:clamp(10px,1.7vh,20px) clamp(10px,1.7vw,26px);overflow:hidden}
.receiver-shell>.topbar{margin:0;min-width:0;gap:14px}.receiver-shell>.topbar h1{font-size:30px;letter-spacing:-.04em}.receiver-shell .top-actions{gap:10px}
.receiver-shell button,.receiver-shell .physical{min-height:36px;padding:8px 12px;font-size:13px}
.receiver-shell #sound{--key-fill:#1c331d;font-size:12px;border-width:1px}
.receiver-case{position:relative;padding:22px 16px 14px;min-height:0;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px;background:linear-gradient(115deg,#ffffff06,transparent 55%),var(--case);border:1px solid #5c7047;border-radius:22px;box-shadow:var(--case-shadow);overflow:hidden}
.case-fastener{position:absolute;top:8px;left:10px;width:7px;height:7px;border:0;border-radius:50%;background:linear-gradient(130deg,#08150c 43%,#687c4b 46%,#162610 60%);box-shadow:0 1px 0 #c1d69a22;pointer-events:none}.case-fastener.right{left:auto;right:10px;transform:scaleX(-1)}
.receiver-displays{min-height:0;min-width:0;display:grid;grid-template-columns:clamp(225px,22vw,290px) minmax(0,1fr);gap:16px;overflow:hidden}
.receiver-case .crt{min-height:0;min-width:0;padding:18px;border:1px solid #344e2c;border-radius:13px;background:radial-gradient(ellipse at 35% 0,#34552c22,transparent 70%),var(--screen);box-shadow:var(--screen-shadow);overflow:hidden}
.receiver-case .sources-panel{overflow:auto;scrollbar-width:thin;scrollbar-color:#5c7047 var(--screen)}
.source-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;min-height:36px}.receiver-case h2{font-size:25px;font-weight:600;margin:0;line-height:1.15;color:var(--green)}
.source-list{display:flex;flex-direction:column;gap:12px}.source-card{padding:14px;min-width:0;border:1px solid #425a36;border-radius:10px;background:#142a19;box-shadow:inset 0 1px 0 #b5d1850c}
.source-card h3{font-size:18px;font-weight:600;line-height:1.3;margin:0;color:var(--ink);overflow-wrap:anywhere}.source-status{display:block;font:11px/1.5 Consolas,monospace;color:var(--dim);margin:7px 0 12px}
.source-actions,.inline-actions,.inline-confirm{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.source-card .source-actions button{flex:1 0 auto;min-width:0;min-height:34px;font-size:11px;padding:7px 8px;white-space:nowrap;overflow-wrap:normal}
.inline-name{width:100%;min-width:0;min-height:36px;padding:7px 9px;font:inherit}.inline-actions{margin:8px 0}.inline-confirm{padding:10px;margin-top:10px;border:1px solid #958058;background:#343c23;border-radius:8px}.inline-confirm span{font-size:12px;flex-basis:100%}
#pair-another{margin-top:16px;width:100%}#pairing{margin-top:16px;padding-top:16px;border-top:1px solid var(--edge)}#pairing h3{font-size:22px;margin:0 0 10px}#pair-form label{display:block;color:var(--dim);font-size:13px;margin:12px 0}#pair-form input{width:100%;min-height:40px;margin-top:6px;padding:8px 10px}#pair-form input[name=code]{font:24px/1.2 Consolas,monospace;letter-spacing:.2em;text-align:center}.pair-actions{display:flex;flex-wrap:wrap;gap:10px}.receiver-shell .pair-submit{margin:0;min-width:0;width:auto;flex:1}
.workspace-display{display:flex;flex-direction:column;min-height:0;overflow:hidden}#view-panel{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}
.workspace-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;flex:none;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}.workspace-heading .note{margin:6px 0 0;font-size:12px}.view-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.view-tools button,.diagnostic-menu{font-size:11px}.diagnostic-menu{position:relative}.diagnostic-menu summary{cursor:pointer;color:var(--dim)}.diagnostic-menu[open] button{position:absolute;z-index:20;top:28px;right:0;white-space:nowrap}
.compact-status,.native-help{padding:12px;margin:8px 0;border:1px solid var(--edge);border-radius:8px;background:#182d1c;font-size:12px;flex:none;max-height:45%;overflow:auto}.native-help{display:flex;align-items:center;justify-content:space-between;gap:14px}.native-help-copy{min-width:0}.native-help p{line-height:1.5;margin:0 0 8px}.native-help>button{flex:none;align-self:flex-start}
.workspace-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--edge) var(--screen)}.stream-grid{position:relative;display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;min-width:0}
.source-tile{position:relative;flex:1 1 420px;min-width:0;max-width:100%;padding:10px;display:flex;flex-direction:column;gap:10px;border:1px solid #49643a;border-radius:12px;background:#1a2e1d;box-shadow:0 3px 8px #020a0733;overflow:hidden;touch-action:pan-y}
.source-tile>header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:24px;cursor:grab}.source-tile>header>h3{flex:1 1 120px;min-width:0;font-size:16px;font-weight:600;margin:0;overflow-wrap:anywhere}.tile-header-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;min-width:0;max-width:100%}.tile-status{font:11px/1.4 Consolas,monospace;color:var(--dim);text-align:right;overflow-wrap:anywhere}.receiver-shell .tile-controls-toggle{flex:none;min-height:28px;font-size:11px;padding:4px 8px;white-space:nowrap}
.source-tile .video-surface{border:2px solid #07140b;border-radius:7px;flex:1 1 auto;min-height:90px;display:flex}.source-tile video{width:100%;height:100%;max-height:65vh;object-fit:contain;background:#050c08}
.tile-controls{display:flex;flex-wrap:wrap;gap:8px;flex:none}.tile-controls button{font-size:11px;min-height:32px;padding:6px 9px}.tile-controls [data-audible=true]{--key-fill:#2c4727;--key-edge:#819b60}.tile-controls [data-audible=false]{--key-fill:#49372c;--key-ink:#f0d4b8;--key-edge:#937151}
.source-tile .settings{margin:0;padding:10px 12px;font-size:12px;flex:none;max-height:190px;overflow:auto}.source-tile .settings label{margin:5px}.source-tile .settings input{width:90px}.source-tile .settings p{font-size:11px}.source-tile .settings button{font-size:11px;margin-top:8px}.source-tile>.tile-quality-settings:not([open]),.source-tile>.tile-quality-settings>summary{display:none}.source-tile.controls-hidden>.tile-quality-settings{display:none!important}.readout{font-size:11px;margin:0;flex:none}.tile-warning{font-size:11px;color:var(--amber)}
.free-workspace .stream-grid{display:block;min-height:540px}.free-workspace .source-tile{position:absolute;max-width:none;cursor:grab;touch-action:none}.free-workspace .source-tile.focused{position:relative;inset:auto!important;width:100%!important;height:70vh!important;z-index:10000}.source-tile.dragging,.source-tile.dragging header{cursor:grabbing}.source-tile :is(video,input,select){cursor:auto}.source-tile :is(button,summary){cursor:pointer}
.tile-resize{display:none}.free-workspace .tile-resize{display:block;position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 65%,#a7c27e 66% 72%,transparent 73%)}
.source-tile.collapsed .video-surface,.source-tile.collapsed .settings,.source-tile.collapsed .readout{display:none}.source-tile.collapsed{height:auto!important;min-height:60px}#view-panel[data-mode=watch] .stream-grid:not(:empty){min-height:100%}#view-panel[data-mode=watch] .source-tile{width:100%;flex-basis:100%;min-height:0}
.gaming-only{display:none!important}#view-panel[data-mode=gaming] .gaming-only{display:inline-flex!important}.source-tile.is-floating .video-surface{display:none}.source-tile.is-floating::after{content:'Floating video';font-size:12px;color:var(--dim);padding:12px}.source-tile.is-floating{min-height:90px;height:auto!important}
.receiver-control-strip{position:relative;min-width:0;min-height:112px;display:grid;align-items:center}.receiver-mode-row{min-width:0;display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.5vw,25px)}.receiver-mode-row>.vent{display:block;flex:1 1 110px;max-width:clamp(45px,8vw,130px);min-width:16px;height:26px}
.view-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,216px));justify-content:center;gap:14px;flex:0 1 676px;min-width:0;margin:0 auto}.view-tabs button{--key-fill:#213b22;--key-edge:#718954;min-height:46px;font-size:14px;font-weight:600;padding:10px 14px;letter-spacing:.02em}.view-tabs [aria-selected=true]{--key-fill:#b9cf91;--key-ink:#24321c;--key-edge:#d1dfa9;box-shadow:var(--press-shadow);transform:translateY(2px)}
.receiver-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 4px;min-height:20px;font-size:11px;color:var(--dim)}.receiver-control-strip>.receiver-footer{position:absolute;bottom:0;left:0;right:0}.footer-brand{margin-left:auto;color:#dbd9b9;font-size:18px;font-weight:650;letter-spacing:-.04em}.receiver-case [hidden]{display:none!important}
@media(max-width:1000px){.receiver-case{padding:20px 12px 12px}.receiver-case .crt{padding:14px}.receiver-displays{gap:12px}.view-tools{gap:6px}}
@media(max-height:640px){.receiver-page .receiver-shell{padding:8px 12px;gap:8px}.receiver-shell>.topbar h1{font-size:26px}.receiver-case{padding:19px 10px 10px;gap:8px}.receiver-case .crt{padding:12px}.source-heading,.workspace-heading{min-height:32px;margin-bottom:10px}.workspace-heading{padding-bottom:9px}.receiver-case h2{font-size:22px}.view-tabs button{min-height:40px;padding:8px 10px;font-size:12px}.receiver-control-strip{min-height:104px}.footer-brand{font-size:16px}}
@media(max-width:700px){.receiver-page .receiver-shell{padding:8px;gap:10px}.receiver-shell>.topbar{gap:10px}.receiver-shell>.topbar h1{font-size:24px}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.top-actions .physical{font-size:10px;padding:7px}.receiver-case{padding:19px 8px 9px;border-radius:16px}.receiver-displays{grid-template-columns:1fr;grid-template-rows:minmax(96px,min(30dvh,210px)) minmax(0,1fr);gap:8px}.source-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.source-card{padding:12px}.source-heading{margin-bottom:12px}.workspace-heading{gap:8px}.stream-grid{display:flex;min-height:0!important}.source-tile{flex-basis:100%;height:auto;min-height:220px}.receiver-mode-row>.vent{display:none}.view-tabs{width:100%;flex:1;gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.view-tabs button{font-size:11px;padding:8px 5px;min-height:44px}.native-help{gap:9px}}
@media(pointer:coarse){.receiver-shell button,.receiver-shell .physical,.source-card .source-actions button,.tile-controls button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.receiver-shell *{transition:none!important}}

/* BEGIN APPROVED_BROWSER_RECEIVER */
/* Native material SHA256: 62639123944c2f39b9893d1fd3b786e667f1714c97abc60a0acad1ea5b22f9d3 */
body.sd-browser-receiver:not(.sd-native-receiver){--ink:#f0f1de;--dim:#c2cfb5;--green:#d8f3bc;--amber:#e8c389;--key-ink:#f0f1de;--key-fill:#14381f;--key-edge:#789558;--case:#233e2c;--screen:#052615;--line:#637d4b;height:100dvh;min-height:0;overflow:hidden;background:transparent;color:var(--ink);font:14px/1.4 'Segoe UI',Arial,sans-serif}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell{--housing-gutter:clamp(20px,2.8vw,45px);height:100dvh;max-width:none;min-height:0;padding:9px var(--housing-gutter) 27px;gap:clamp(8px,1.35vh,13px);grid-template-rows:clamp(58px,5.05vw,72px) minmax(0,1fr);background:transparent;border:0;box-shadow:none;overflow:hidden}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell>.topbar{padding:0 calc(140px - var(--housing-gutter) - 6px) 4px clamp(8px,1.6vw,25px);gap:18px;min-height:0;align-items:center}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell>.topbar h1{font:650 clamp(27px,2.75vw,44px)/1.08 'Segoe UI',Arial,sans-serif;letter-spacing:-.045em;color:#f2efd1;text-shadow:0 1px 1px #07150c}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .top-actions{flex:none;gap:clamp(10px,1.2vw,19px);flex-wrap:nowrap}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell #open-native{display:none}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell button,body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell .physical{--key-fill:#14381f;--key-ink:#f0f1de;--key-edge:#789558;font-family:'Segoe UI',Arial,sans-serif;font-weight:600;letter-spacing:0;--key-shadow:inset 0 1px 0 #d9ecb321,0 2px 3px #0007;--press-shadow:inset 0 2px 4px #0009;background:linear-gradient(118deg,#b4d58314,transparent 65%),linear-gradient(#ffffff05,#00000018),var(--key-fill);color:var(--key-ink);border:1px solid var(--key-edge);border-radius:8px;box-shadow:var(--key-shadow);transition:box-shadow .12s,transform .1s,border-color .12s}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell button:hover:not(:disabled){background:linear-gradient(118deg,#b4d58320,transparent 65%),linear-gradient(#ffffff09,#00000012),var(--key-fill);box-shadow:inset 0 1px 0 #dceba344,0 0 9px #afdc6518}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell button:is(:active,.pressing):not(:disabled){box-shadow:var(--press-shadow);transform:translateY(1px)}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell button:disabled{opacity:1;background:linear-gradient(120deg,#4c5e4755,#22362455),#263b2c;color:#879780;border-color:#526648;box-shadow:inset 0 1px 0 #bfccab0a;transform:none;cursor:default}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page :is(button,input,select,summary,a):focus-visible{outline:2px solid #e8c389;outline-offset:3px}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell #sound{--key-fill:#183d21;--key-edge:#78965a;min-height:31px;padding:7px 11px;font-size:clamp(10px,.73vw,12px);border-radius:7px;gap:9px;box-shadow:inset 0 1px 0 #efffc129,0 2px 3px #0008;white-space:nowrap}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page #sound[aria-pressed=true]{transform:none;background:linear-gradient(#59794333,#061c1226),var(--key-fill)}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .housing-control-icon{display:block;width:19px;height:19px;flex:none;color:#d0e8a7}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page #sound[aria-pressed=false] .housing-control-icon{opacity:.5}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-case{min-width:0;min-height:0;gap:clamp(10px,1.55vh,16px);padding:clamp(14px,1.45vw,23px) clamp(15px,1.45vw,23px) 10px;border:2px solid #020c06;border-radius:22px;background:radial-gradient(ellipse at 45% 0,#46623b2b,transparent 60%),linear-gradient(105deg,#24452c70,#112d1c66);box-shadow:inset 0 4px 5px #000c,inset 0 -1px 0 #b1c89555,0 1px 0 #9eb98744}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .case-fastener{display:none}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-displays{grid-template-columns:clamp(242px,25vw,350px) minmax(0,1fr);gap:clamp(13px,1.45vw,23px);overflow:hidden}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-case .crt{border:1px solid #081b0e;border-radius:14px;isolation:isolate;background:radial-gradient(ellipse at 50% 0,#153e2190,transparent 79%),#052414;box-shadow:inset 0 3px 6px #000a,inset 3px 0 5px #020e0780,inset -2px 0 5px #020e0750,0 1px 0 #a5bd7b24;color:var(--ink);padding:clamp(18px,1.9vw,31px);scrollbar-width:thin;scrollbar-color:#536e3c #052414}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .source-heading,body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .workspace-heading{padding-bottom:clamp(10px,1.4vh,14px);margin-bottom:clamp(13px,1.5vh,18px);border-bottom:1px solid #9bb26b66}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-case h2{font:650 clamp(22px,2vw,30px)/1.1 'Segoe UI',Arial,sans-serif;letter-spacing:-.035em;color:#edf7d3;text-shadow:0 0 10px #a4d56a15}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-case h3{font-family:'Segoe UI',Arial,sans-serif;color:#f0f1de;letter-spacing:-.025em}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-case .note{font-family:'Segoe UI',Arial,sans-serif;color:#c2cfb5}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .source-card{border:1px solid #7e9a58;border-radius:9px;background:linear-gradient(125deg,#5795471d,transparent 70%),linear-gradient(#abc88709,#00000013),#133b2075;box-shadow:inset 0 1px 0 #dceba323,0 1px 2px #0009;padding:16px}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .source-card h3{font-size:19px;line-height:1.3}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .source-status{color:#c2cfb5}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page #pairing{border-top-color:#637d4b}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page #pairing h3{font:600 23px/1.2 'Segoe UI',Arial,sans-serif;color:#edf7d3}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page #pair-form label{color:#c2cfb5;font-size:12px}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell :is(input,select){background:#072919;color:#f1f1e0;border:1px solid #81975f;border-radius:8px;box-shadow:inset 0 2px 5px #0007;font-family:'Segoe UI',Arial,sans-serif}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page #pair-form input[name=code]{font:28px/1.2 Consolas,monospace;color:#d6f5b6}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell .pair-submit,body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell .pair-submit:hover:not(:disabled){background:linear-gradient(#c0d598,#a7bb83);color:#24321c;border-color:#d1dfa9}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .source-tile{background:linear-gradient(125deg,#284e2660,#082516a0);border-color:#70855770;border-radius:10px;box-shadow:inset 0 1px 0 #cadf9618}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .source-tile .settings{background:#092515;border-color:#637d4b;box-shadow:inset 0 3px 8px #0009}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .compact-status,body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .native-help{background:#092515;border-color:#637d4b;color:#e1e5ce}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .inline-confirm{background:#283721;border-color:#aa946a}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .workspace-scroll{scrollbar-color:#536e3c #052414}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .empty{border-color:#70855770;background:#08251645;color:#c2cfb5;border-radius:9px;font-size:14px}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .diagnostic-menu{font-family:Consolas,monospace}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-control-strip{min-height:94px;gap:9px;grid-template-rows:auto 18px;padding-top:2px;background:none;border:0;box-shadow:none}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-mode-row{gap:clamp(14px,1.3vw,22px)}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .view-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.3vw,22px);flex:0 1 790px}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell .view-tabs button{--key-fill:#14381f;--key-edge:#789558;--key-ink:#f0f1de;min-height:clamp(46px,6.9vh,65px);font-size:clamp(12px,1.1vw,18px);border-radius:10px;padding:12px 14px;box-shadow:inset 0 1px 1px #f7eac333,0 2px 4px #000b;transform:none}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell .view-tabs button[aria-selected=true],body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell .view-tabs button[aria-selected=true]:hover{background:linear-gradient(115deg,#ffe3ae66,transparent 65%),linear-gradient(#f1cf93,#c5a06b);color:#131f11;border-color:#edcd95;box-shadow:inset 0 1px 1px #f7eac366,0 2px 4px #000b;transform:none}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-mode-row>.vent{background:none;opacity:1;transform:none;height:32px;max-width:128px;flex:1 1 95px}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .vent>svg{display:block;width:100%;height:100%;overflow:visible;shape-rendering:geometricPrecision;pointer-events:none}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-control-strip>.receiver-footer{position:static;padding:0 3px;min-height:18px;color:#c2cfb5;gap:12px}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-footer .footer-brand{font:600 12px/1.4 'Segoe UI',Arial,sans-serif;color:#c2cfb5;letter-spacing:-.02em}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-footer #floating-notice{font:11px/1.4 'Segoe UI',Arial,sans-serif;max-height:2.8em;overflow:auto}
@media(max-height:740px){body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell{--housing-gutter:28px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-control-strip{min-height:82px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-case .crt{padding:18px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell .view-tabs button{min-height:48px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .vent{height:28px}}
@media(max-width:1000px){body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell{--housing-gutter:15px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-case{padding:15px 12px 9px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-displays{grid-template-columns:230px minmax(0,1fr);gap:12px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-case .crt{padding:16px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-mode-row>.vent{max-width:65px}}
@media(max-width:760px){body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-mode-row>.vent{display:none}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell{--housing-gutter:9px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell>.topbar{padding-left:10px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell>.topbar h1{font-size:28px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell #sound span{display:none}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .view-tabs{flex:1;gap:8px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell .view-tabs button{font-size:11px;padding:10px 5px}}
@media(max-width:700px){body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-displays{grid-template-columns:1fr;grid-template-rows:minmax(110px,min(32dvh,250px)) minmax(0,1fr);gap:10px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-case{border-radius:18px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-case .crt{padding:12px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .source-heading,body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .workspace-heading{padding-bottom:9px;margin-bottom:10px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .source-list{display:flex}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell .view-tabs button{min-height:42px}}
@media(max-height:580px){body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell{padding-top:5px;grid-template-rows:52px minmax(0,1fr);gap:8px;padding-bottom:17px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-control-strip{min-height:70px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-case{gap:8px;padding-top:10px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-case h2{font-size:22px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell .view-tabs button{min-height:40px}}
@media(prefers-reduced-motion:reduce){body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell *{transition:none!important;animation:none!important}}
@media(forced-colors:active){body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell :is(button,input,select,.crt,.source-card){forced-color-adjust:auto;background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText!important;box-shadow:none!important}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .vent{display:none}}
/* An empty free-layout canvas needs no artificial scroll area; populated coordinates stay unchanged. */
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .free-workspace .stream-grid:empty{min-height:0}
/* Normalize legacy hosted form/control defaults inside this native window only. */
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell #pair-form input{min-height:40px;margin-top:6px;padding:8px 10px}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell .pair-actions .pair-submit{flex:1;min-width:0}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .source-heading,body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .workspace-heading{min-height:36px}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .source-status{font:11px/1.5 Consolas,monospace;margin:7px 0 12px}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .tile-controls [data-audible=true]{--key-fill:#2c4727;--key-ink:#f0f1de;--key-edge:#819b60}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .tile-controls [data-audible=false]{--key-fill:#49372c;--key-ink:#f0d4b8;--key-edge:#937151}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell #sound:focus-visible{outline:2px solid #e8c389;outline-offset:3px}

/* Browser-specific geometry only. The materials below this shell come from the approved native Receiver. */
body.sd-browser-receiver:not(.sd-native-receiver){background:#07150c}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell{position:relative;height:100dvh;min-height:540px;display:grid;border:1px solid #172d1c;border-radius:29px;padding:15px var(--housing-gutter) 27px;background:radial-gradient(ellipse 34% 25% at 43% 3%,#82a37073,transparent 100%),linear-gradient(108deg,#334e39 0%,#243e2c 34%,#1d3524 72%);box-shadow:inset 0 1px 0 #819871,inset 3px 0 0 #49674a,inset -3px -3px 0 #0c2013;isolation:isolate}
body.sd-browser-receiver:not(.sd-native-receiver) .receiver-shell::before{content:'';position:absolute;inset:8px;border:1px solid #a6bb9160;border-right-color:#35533b;border-bottom-color:#35533b;border-radius:21px;box-shadow:0 0 0 1px #07180b90;pointer-events:none;z-index:-1}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell>.topbar{padding:0 clamp(8px,1.6vw,25px) 4px;gap:18px}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell #open-native{display:inline-flex;font-size:12px;min-height:34px;white-space:nowrap}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell .top-actions{gap:12px}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell :is(button,.physical){display:inline-flex;align-items:center;justify-content:center;line-height:1.2;text-align:center}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .view-tabs{margin:0}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-mode-row .view-tabs{flex:0 1 790px;grid-template-columns:repeat(3,minmax(0,1fr))}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell .view-tabs button[aria-selected=true]:focus-visible{outline:2px solid #e8c389;outline-offset:3px}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page #pair-form input[name=code]{letter-spacing:.2em}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .source-tile :is(video,.video-surface){filter:none;opacity:1;mix-blend-mode:normal}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .source-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-case .source-list{display:flex;flex-direction:column;gap:12px}
body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-control-strip{display:grid;align-items:center}
@media(max-width:900px){body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell>.topbar{padding-inline:8px;gap:12px}body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell #open-native{font-size:11px;padding-inline:8px}}
@media(max-width:700px){
 body.sd-browser-receiver:not(.sd-native-receiver){height:auto;min-height:100dvh;overflow:auto}
 body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell{height:auto;min-height:100dvh;grid-template-rows:auto minmax(0,1fr);padding:20px 16px 20px;border-radius:23px;gap:16px}
 body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell>.topbar{flex-wrap:wrap;row-gap:10px;padding:0 8px}
 body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell>.topbar h1{font-size:29px}
 body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell #sound span{display:inline}
 body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-displays{grid-template-columns:1fr;grid-template-rows:auto minmax(260px,1fr)}
 body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .sources-panel{max-height:46dvh;min-height:160px;overflow:auto}
 body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .workspace-display{min-height:300px}
 body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-mode-row .view-tabs{flex:1;gap:8px}
 body.sd-browser-receiver:not(.sd-native-receiver).receiver-page .receiver-shell .view-tabs button{min-height:46px;font-size:10px;padding:8px 4px}
}

/* END APPROVED_BROWSER_RECEIVER */