/* Local case fidelity. Hero selectors and brand tokens are unchanged. */
.demo-video-slot{aspect-ratio:16/9;flex:none;position:relative;background:#20251f}
#experience .demo-video-slot>.source-video:not(.is-floating){width:100%;height:100%}
#experience .source-video.is-floating{right:auto;bottom:auto;width:min(370px,calc(100vw - 20px));aspect-ratio:auto;padding-top:44px}
#experience .source-video.is-floating video{position:relative;aspect-ratio:16/9;height:auto}
.demo-player-dragbar{display:none}
.demo-capture-hint{flex-basis:100%;margin:3px 7px 5px;font-size:12px;line-height:1.6;color:#505a4d}
.is-floating .demo-player-dragbar{position:absolute;inset:0 0 auto;height:44px;display:flex;align-items:center;justify-content:space-between;padding-left:13px;background:#fff;color:#505a4d;touch-action:none;cursor:grab;user-select:none;font-size:12px}
.is-floating .demo-player-dragbar:active{cursor:grabbing}
#experience #close-floating{position:relative;inset:auto;width:44px;height:44px;background:transparent}
#close-floating:before{content:"";position:absolute;inset:4px;border-radius:6px}
#close-floating:hover:before{background:#f0f2ed}
#close-floating .detail-icon{position:relative}
.demo-subscription-update{margin-left:auto;display:inline-flex;align-items:center;gap:5px;min-height:44px;font-size:12px;color:inherit}
.native-author{flex-wrap:wrap}
.transcript-quote p[lang=en]{overflow-wrap:anywhere}
.transcript-quote p+p{margin-top:10px}
.demo-immersive{position:fixed;inset:0;z-index:110;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,390px);background:#10120e;color:#f1f3ec}
.demo-immersive-media{min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:18px 20px 14px}
.demo-immersive .demo-video-slot{flex:0 1 auto;min-height:0;aspect-ratio:16/9;max-height:calc(100dvh - 90px);background:#10120e}
#experience .demo-immersive .source-video{height:100%;width:100%;aspect-ratio:auto;background:#10120e}
#experience .demo-immersive video{width:100%;height:100%;object-fit:contain}
.demo-immersive .native-player-tools{flex:none;border:0;justify-content:center;flex-wrap:nowrap;color:#f1f3ec}
.demo-immersive .native-player-tools button,.demo-immersive .native-player-tools select{color:#f1f3ec}
.demo-immersive select option{color:#20251f}
.demo-immersive .demo-capture-hint{color:#f1f3ec}
.demo-immersive .native-player-tools button[aria-pressed=true]{background:#f1f3ec;color:#171914}
.demo-immersive-reading{display:flex;min-height:0;background:#171914;border-left:1px solid #ffffff20}
.demo-immersive .transcript-workbench{min-height:0;background:transparent;color:#f1f3ec;--detail-text:#f1f3ec;--detail-muted:#c4c7be;--detail-line:#ffffff25;--detail-soft:#ffffff16}
#experience .demo-immersive .native-language button,#experience .demo-immersive .native-transcript-tools button,#experience .demo-immersive .transcript-quote p,#experience .demo-immersive .transcript-quote button,#experience .demo-immersive .playback-status{color:#f1f3ec}
#experience .demo-immersive .native-language button[aria-pressed=true]{color:#171914}
#experience .demo-immersive #playback-status{color:#c4c7be}
#experience .demo-immersive .transcript-quote[data-playing=true],#experience .demo-immersive .transcript-quote[data-active=true]{background:#ffffff14}
.demo-immersive .transcript-scroll{min-height:0;flex:1}
@media(max-width:640px){.demo-immersive{display:flex}.demo-immersive-media{width:100%;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}.demo-immersive-reading{display:none}.demo-immersive .native-player-tools{gap:0;padding:0}.demo-immersive .native-player-tools button{gap:3px;padding-inline:3px;font-size:10px}.demo-immersive .native-player-tools select{padding-inline:0;font-size:10px}.demo-immersive .native-player-tools .detail-icon{width:14px;height:14px}.demo-immersive .demo-capture-hint{position:absolute;inset:auto 12px max(12px,env(safe-area-inset-bottom));text-align:center}.demo-subscription-update{font-size:12px}}