.app{--ui-surface: var(--surface); --ui-raised: color-mix(in srgb,var(--surface),white 5%); --ui-border: color-mix(in srgb,var(--accent) 16%,var(--surface)); --ui-text: #edf0f6; --ui-muted: #a4afc0; --studio-gold: var(--accent); --studio-surface: var(--ui-surface); --studio-text: var(--ui-text); --studio-muted: var(--ui-muted); --ui-speed: 220ms; --ui-radius: 16px; color: var(--ui-text); background: var(--base);}
.app[data-theme="ocean"]{--accent: #76d5ef; --accent-rgb: 118,213,239; --base: #070f18; --surface: #0f1d2b; --line: #243f52; --stage-bg: #070c13;}
.app[data-theme="aurora"]{--accent: #90e5bd; --accent-rgb: 144,229,189; --base: #0a1115; --surface: #142127; --line: #2c4946; --stage-bg: #071111;}
.app[data-theme="ember"]{--accent: #ffae7f; --accent-rgb: 255,174,127; --base: #130e10; --surface: #241b21; --line: #4c3332; --stage-bg: #120b0d;}
.app[data-theme="pearl"]{--accent: #cad4ec; --accent-rgb: 202,212,236; --base: #10131b; --surface: #1d2332; --line: #39445e; --stage-bg: #0c1018;}
.app[data-ui-motion="expressive"]{--ui-speed: 380ms;}
.app .topbar{background: color-mix(in srgb,var(--base) 90%,transparent); border-color: var(--ui-border); backdrop-filter: blur(16px);}
.app :is(input:not([type="range"]):not([type="checkbox"]), select, textarea){background: var(--ui-surface); color: var(--ui-text); border: 1px solid var(--ui-border); border-radius: 9px; min-width: 0px; max-width: 100%; box-sizing: border-box; transition: border-color var(--ui-speed),box-shadow var(--ui-speed);}
.app :is(input, select, textarea):focus-visible{outline: 2px solid var(--accent); outline-offset: 3px; box-shadow: 0 0 0 5px rgba(var(--accent-rgb),.1);}
.app input[type="range"]{accent-color: var(--accent);}
.app :is(button, summary, a):focus-visible{outline: 2px solid var(--accent); outline-offset: 3px;}
.app button:not(:disabled){transition: background-color var(--ui-speed),border-color var(--ui-speed),color var(--ui-speed),box-shadow var(--ui-speed);}
.app button:not(:disabled):hover{box-shadow: 0 3px 18px rgba(var(--accent-rgb),.1);}
.app button:not(:disabled):active{filter: brightness(0.93);}
.app :is(.overline, .brand-icon, .section-title, .gv4-eyebrow, .p2-section-title){color: var(--accent);}
#hostWorkspace.director-v45{--dv-panel: var(--ui-surface); --dv-elevated: var(--ui-raised); --dv-stroke: var(--ui-border); background: var(--base); grid-template-columns: clamp(160px, 13vw, 210px) minmax(0px, 1fr) clamp(300px, 26vw, 390px);}
#hostWorkspace.director-v45 :is(.rail, .inspector){background: var(--ui-surface); border-color: var(--ui-border);}
#hostWorkspace.director-v45 .dv45-center{background: radial-gradient(ellipse at 50% 0,rgba(var(--accent-rgb),.045),transparent 55%),var(--base); padding: 22px; gap: 16px;}
#hostWorkspace.director-v45 .rail-section{padding: 20px 10px;}
#hostWorkspace.director-v45 .inspector-head{background: var(--ui-surface); border-color: var(--ui-border); color: var(--ui-muted);}
#hostWorkspace.director-v45 .inspector-scroll{padding: 16px; scrollbar-color: var(--ui-border) transparent; scrollbar-width: thin;}
#hostWorkspace.director-v45 :is(.source-card, .hd43-camera-panel, .dv45-program-shell){background: var(--ui-surface); border-color: var(--ui-border); border-radius: var(--ui-radius);}
#hostWorkspace.director-v45 .dv45-program-bar{background: var(--ui-raised); border-color: var(--ui-border); color: var(--ui-muted);}
#hostWorkspace.director-v45 .view-heading h2{font-size: clamp(16px, 1.8vw, 25px); letter-spacing: -0.035em;}
#hostWorkspace.director-v45 .under-monitor{display: flex; flex-wrap: wrap; gap: 10px; align-items: center; border-top: 1px solid var(--ui-border); padding-top: 12px;}
.app .p2-desk{background: transparent; border: 0px; box-shadow: none; padding: 0px;}
.app .p2-desk-header{border-bottom: 1px solid var(--ui-border); padding: 12px 0px 16px; color: var(--ui-text);}
.app .p2-tabs{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 6px; margin: 16px 0px; padding: 6px; background: var(--base); border: 1px solid var(--ui-border); border-radius: 14px;}
.app .p2-tabs button{min-height: 38px; border: 0px; background: transparent; color: var(--ui-muted); font-size: 11px; border-radius: 9px; padding: 8px 4px; display: flex; align-items: center; justify-content: center; gap: 5px;}
.app .p2-tabs .studio-icon{width: 15px; height: 15px;}
.app .p2-tabs button.active{color: var(--accent); background: rgba(var(--accent-rgb),.12); box-shadow: inset 0 0 0 1px rgba(var(--accent-rgb),.2);}
.app .p2-tab-page:not([hidden]){animation: studioPageIn var(--ui-speed) ease both;}
.app .inspect-group{margin: 16px 0px; padding: 16px; background: var(--ui-raised); border: 1px solid var(--ui-border); border-radius: 14px;}
.app :is(.inspect-group label, .p2-tab-page > label){color: var(--ui-muted); font-size: 12px;}
.studio-icon{width: 18px; height: 18px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0;}
.scene-glyph .studio-icon{width: 22px; height: 22px;}
.studio-toolbar{display: flex; flex-wrap: wrap; align-items: center; gap: 7px; letter-spacing: normal;}
.studio-button{display: inline-flex; align-items: center; justify-content: center; gap: 7px; color: var(--ui-text); background: var(--ui-raised); border: 1px solid var(--ui-border); padding: 9px 12px; border-radius: 10px; font: 600 11px Manrope, Arial, sans-serif; cursor: pointer;}
.studio-button[aria-pressed="true"]{color: var(--accent); border-color: rgba(var(--accent-rgb),.5);}
.studio-sound-options{position: relative; font-size: 11px; color: var(--ui-muted); z-index: 75;}
.studio-sound-options summary{cursor: pointer; padding: 9px; border-radius: 8px;}
.studio-sound-options[open]{background: var(--ui-raised); border: 1px solid var(--ui-border); border-radius: 10px; padding: 6px; display: grid; gap: 8px; max-width: 140px;}
.studio-sound-options select{padding: 7px; font-size: 11px;}
.studio-theme-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; margin: 12px 0px 20px;}
.studio-theme-grid button{justify-content: flex-start; padding: 12px; min-height: 42px;}
.studio-theme-grid i{width: 17px; height: 17px; border-radius: 50%; background: var(--swatch); box-shadow: 0 0 12px color-mix(in srgb,var(--swatch),transparent 65%);}
.studio-theme-grid button.active{border-color: var(--accent); background: rgba(var(--accent-rgb),.1);}
.studio-editor textarea{width: 100%; padding: 10px; min-height: 88px; resize: vertical; font: 13px / 1.6 Manrope, Arial, sans-serif;}
.studio-editor :is(input:not([type="checkbox"]), label){display: block; width: 100%; margin: 8px 0px;}
.studio-editor input:not([type="checkbox"]){padding: 10px;}
.studio-editor .toggle-line{display: flex;}
.studio-field-pair{display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px;}
.studio-field-pair label:nth-of-type(2){grid-area: 1 / 2;}
.studio-field-pair input:nth-of-type(1){grid-area: 2 / 1;}
.studio-field-pair input:nth-of-type(2){grid-area: 2 / 2;}
.studio-design > select{width: 100%; padding: 10px; margin: 7px 0px 16px;}
.studio-design > label{display: block;}
.tv-picker{border-block: 1px solid var(--ui-border); margin: 16px 0px; padding: 14px 0px; display: grid; gap: 8px;}
.tv-picker label{margin: 4px 0px !important;}
.tv-picker select{padding: 10px; width: 100%;}
.tv-picker .studio-toolbar{margin-top: 8px;}
#tvResults{display: grid; gap: 5px; max-height: 180px; overflow: auto;}
#tvStatus{margin: 6px 0px; min-height: 2em;}
#tvSelected{color: var(--accent); overflow-wrap: anywhere;}
#guestWorkspace.guest-v4{background: var(--base); grid-template-columns: minmax(0px, 1fr) clamp(280px, 24vw, 350px);}
#guestWorkspace .gv4-main{direction: ltr; padding: 24px; gap: 10px; background: radial-gradient(ellipse at 25% 0,rgba(var(--accent-rgb),.045),transparent 50%);}
#guestWorkspace .gv4-screen-head{direction: ltr; min-height: 45px;}
#guestWorkspace .gv4-screen-head h2{font-size: 20px; letter-spacing: -0.03em;}
#guestWorkspace .gv4-screen-area{border-color: var(--ui-border); border-radius: 18px; padding: 8px; box-shadow: rgba(0, 0, 0, 0.2) 0px 14px 50px;}
#guestWorkspace .gv4-screen-bottom{direction: ltr; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; letter-spacing: normal;}
#guestWorkspace .gv4-screen-bottom > span{margin-right: auto; font-size: 10px; color: var(--ui-muted);}
#guestWorkspace .gv4-audio{direction: ltr; min-height: 52px; padding: 10px 14px; border-color: var(--ui-border); background: var(--ui-surface); border-radius: 12px; flex-wrap: wrap;}
#guestWorkspace .gv4-audio-label small{color: var(--ui-muted);}
#guestWorkspace .gv4-audio-status{padding: 0px 2px; background: none; border: 0px; color: var(--ui-muted); font-size: 10px; min-height: 14px;}
#guestWorkspace .gv4-sidebar{background: var(--ui-surface); border-color: var(--ui-border); padding: 22px 18px; scrollbar-color: var(--ui-border) transparent;}
#guestWorkspace :is(.gv41-power-card, .gv41-air-card, .gv4-editor, .gv4-preview, .gv4-advanced){border-color: var(--ui-border); background: var(--ui-raised);}
#guestWorkspace .gv4-sidebar-head h2{font-size: 20px;}
#guestWorkspace .gv4-sidebar-head p{color: var(--ui-muted); font-size: 12px;}
#guestWorkspace .gv4-minor-btn{background: var(--ui-raised); border-color: var(--ui-border); color: var(--ui-text);}
#guestWorkspace.studio-focus{grid-template-columns: minmax(0px, 1fr);}
#guestWorkspace.studio-focus .gv4-sidebar{display: none;}
#guestWorkspace.studio-focus .gv4-main{padding-inline: clamp(16px, 4vw, 70px);}
.studio-info-corner{position: absolute; right: 2%; bottom: 3%; width: 86px; height: 76px; z-index: 70; pointer-events: auto; container-type: normal;}
.studio-info-corner[hidden], .cinema-stage.scene-changing .studio-info-corner, .cinema-stage:has(.intro-overlay.play) .studio-info-corner{display: none;}
.studio-info-corner.is-open{width: min(430px, 65%); height: min(270px, 55cqh);}
.studio-info-trigger{position: absolute; right: 0px; bottom: 0px; width: 34px; height: 34px; border-radius: 50%; padding: 0px; color: var(--accent); background: rgba(13, 19, 27, 0.8); border: 1px solid rgba(var(--accent-rgb),.5); opacity: 0; visibility: hidden; transform: translateY(5px); backdrop-filter: blur(8px); transition: opacity 240ms, transform 240ms, visibility 240ms;}
.studio-info-trigger > span, .studio-info-close > span{position: absolute; width: 1px; height: 1px; padding: 0px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}
.studio-info-corner:is(:hover, :has(:focus-visible), .is-open) .studio-info-trigger{opacity: 1; visibility: visible; transform: none;}
.studio-info-trigger{visibility: visible;}
.studio-info-panel{position: absolute; right: 0px; bottom: 44px; width: min(430px, 65cqw); box-sizing: border-box; display: flex; align-items: flex-start; gap: 12px; max-height: 48cqh; padding: 14px 34px 14px 14px; border-radius: 14px; color: rgb(238, 242, 250); background: linear-gradient(135deg, rgba(18, 27, 41, 0.96), rgba(9, 15, 24, 0.96)); border: 1px solid rgba(var(--accent-rgb),.3); box-shadow: rgba(0, 0, 0, 0.467) 0px 12px 35px; backdrop-filter: blur(18px); opacity: 0; visibility: hidden; transform: translateY(10px) scale(0.98); transform-origin: right bottom; transition: opacity 280ms, transform 280ms cubic-bezier(0.2, 0.7, 0.2, 1), visibility linear 280ms; pointer-events: none; text-align: left;}
.studio-info-corner.is-open .studio-info-panel{opacity: 1; visibility: visible; transform: none; pointer-events: auto; transition-delay: 0s;}
.studio-info-poster{width: 20%; max-width: 75px; aspect-ratio: 2 / 3; object-fit: cover; border-radius: 7px; flex-shrink: 0;}
.studio-info-poster[hidden]{display: none;}
.studio-info-copy{min-width: 0px; display: flex; flex-direction: column; gap: 5px; max-height: 38cqh; overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(var(--accent-rgb),.3) transparent;}
.studio-card-kicker{font: 700 clamp(8px, 1.2cqw, 10px) Manrope, Arial, sans-serif; letter-spacing: 0.18em; color: var(--accent);}
.studio-info-copy strong{font: 650 clamp(13px, 2cqw, 19px) / 1.2 Manrope, Arial, sans-serif; overflow-wrap: anywhere;}
.studio-info-copy small{color: var(--accent); font: 600 clamp(10px, 1.5cqw, 12px) Manrope, Arial, sans-serif;}
.studio-episode-name{font: 500 12px Manrope, Arial, sans-serif; color: rgb(210, 218, 231);}
.studio-info-copy p{font: 400 clamp(11px, 1.5cqw, 13px) / 1.55 Manrope, Arial, sans-serif; margin: 2px 0px 0px; color: rgb(184, 198, 215); overflow-wrap: anywhere;}
.studio-info-close{position: absolute; right: 6px; top: 7px; padding: 4px; border: 0px; background: transparent; color: rgb(184, 198, 215);}
.app[data-ambience="cinematic"] :is(.gv4-main, .dv45-center){background-image: radial-gradient(ellipse at 5% 5%,rgba(var(--accent-rgb),.12),transparent 55%),radial-gradient(ellipse at 90% 95%,rgba(var(--accent-rgb),.06),transparent 60%); background-size: 140% 140%; animation: 18s ease-in-out 0s infinite alternate none running studioAmbient;}
.app[data-ambience="off"] :is(.gv4-main, .dv45-center){background-image: none;}
.app[data-ui-motion="expressive"] :is(.source-card, .hd43-camera-panel, .gv4-preview){animation: 500ms ease 0s 1 normal both running studioPageIn;}
@keyframes studioPageIn { 
  0% { opacity: 0.3; transform: translateY(6px); }
  100% { opacity: 1; transform: none; }
}
@keyframes studioAmbient { 
  0% { background-position: 0px 0px; }
  100% { background-position: 100% 100%; }
}
.app[data-ui-motion="off"] :is(.p2-tab-page, .gv4-main, .dv45-center, .source-card, .hd43-camera-panel, .gv4-preview){animation: auto ease 0s 1 normal none running none;}
.app[data-ui-motion="off"] :is(.studio-info-panel, .studio-info-trigger, button, input, select){transition: none;}
@media (hover: none){.studio-info-trigger{opacity: 1; transform: none;}}
@media (min-width: 1600px){#guestWorkspace .gv4-main{padding: 32px;}
#hostWorkspace.director-v45 .dv45-center{padding: 30px;}}
@media (max-width: 1100px){#hostWorkspace.director-v45{grid-template-columns: 130px minmax(0px, 1fr) 300px;}
#hostWorkspace.director-v45 .dv45-center{padding: 14px;}
.studio-toolbar{gap: 5px;}
.studio-button{font-size: 10px; padding: 8px;}
#guestWorkspace .gv4-main{padding: 16px;}
.studio-sound-options summary{font-size: 10px;}}
@media (max-width: 900px){#hostWorkspace.director-v45{display: flex;}
#guestWorkspace.guest-v4{height: auto; grid-template-columns: 1fr; overflow: visible;}
#guestWorkspace .gv4-main{min-height: 440px; overflow: visible;}
#guestWorkspace .gv4-screen-area{min-height: 240px; flex: 1 1 auto;}
#guestWorkspace .gv4-sidebar{border-left: 0px; border-top: 1px solid var(--ui-border); overflow: visible;}
.studio-info-corner.is-open{width: min(430px, 80%);}
.studio-info-panel{width: min(430px, 80cqw); padding: 10px 30px 10px 10px; gap: 8px;}
#hostWorkspace.director-v45 .dv45-center{overflow: visible;}}
@media (max-width: 520px){.topbar .top-center{font-size: 8px;}
.brandmark small{display: none;}
#guestWorkspace .gv4-main{padding: 12px;}
.studio-toolbar{width: 100%;}
.gv4-screen-bottom .studio-toolbar{justify-content: flex-end;}
.studio-info-panel{max-height: 60cqh;}
.studio-info-copy{max-height: 48cqh; gap: 3px;}
.studio-info-copy p{font-size: 11px;}
.studio-info-copy .studio-card-kicker{display: none;}
.studio-episode-name{font-size: 10px;}
.studio-info-poster{width: 18%;}}
@media (prefers-reduced-motion: reduce){.app :is(.p2-tab-page, .gv4-main, .dv45-center, .source-card, .hd43-camera-panel, .gv4-preview){animation: auto ease 0s 1 normal none running none !important;}
.app :is(.studio-info-panel, .studio-info-trigger, button, input, select){transition: none !important;}}
.guest-volume-hud{position: absolute; z-index: 110; top: 24px; left: 50%; transform: translate(-50%, -8px); display: flex; align-items: center; gap: 10px; width: 224px; max-width: calc(100% - 32px); box-sizing: border-box; padding: 12px 15px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 16px; background: rgba(12, 18, 22, 0.88); color: rgb(245, 250, 248); box-shadow: rgba(0, 0, 0, 0.22) 0px 8px 24px; backdrop-filter: blur(12px); pointer-events: none; opacity: 0; visibility: hidden; transition: opacity 0.18s, transform 0.18s, visibility linear 0.18s; font: 12px / 1.2 system-ui, sans-serif;}
.guest-volume-hud.is-visible{opacity: 1; visibility: visible; transform: translate(-50%, 0px); transition-delay: 0s;}
.guest-volume-hud svg{width: 20px; height: 20px; flex-shrink: 0; fill: none; stroke: var(--accent,#90e5bd); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
.guest-volume-hud strong{margin-left: auto; font-variant-numeric: tabular-nums; font-size: 13px;}
.guest-volume-hud .volume-muted, .guest-volume-hud.is-muted .volume-waves{display: none;}
.guest-volume-hud.is-muted .volume-muted{display: initial;}
.guest-volume-meter{position: absolute; bottom: 0px; left: 15px; right: 15px; height: 2px; overflow: hidden; border-radius: 2px; background: rgba(255, 255, 255, 0.12);}
.guest-volume-meter i{display: block; height: 100%; width: var(--volume-level); background: var(--accent,#90e5bd); transition: width 0.12s;}
@media (prefers-reduced-motion: reduce){.guest-volume-hud, .guest-volume-hud.is-visible{transform: translate(-50%, 0px); transition: opacity 0.12s, visibility linear 0.12s;}
.guest-volume-hud.is-visible{transition-delay: 0s;}
.guest-volume-meter i{transition: none;}}
.app[data-ui-motion="off"] .guest-volume-hud{transform: translate(-50%, 0px);}
.cinema-stage .p2-feature-card, .cinema-stage .p2-feature-card.p2-no-artwork{width: 38%; max-height: 54%; padding: 1.6cqw; gap: 1.4cqw; overflow: hidden; border-radius: 14px; background: linear-gradient(130deg, rgba(17, 25, 29, 0.96), rgba(9, 13, 18, 0.96)); border-color: rgba(var(--accent-rgb),.35); box-shadow: rgba(0, 0, 0, 0.4) 0px 12px 32px; align-items: center; pointer-events: none;}
.cinema-stage .p2-feature-card img{width: 23%; max-height: 25cqh; object-fit: cover; border-radius: 7px;}
.cinema-stage .p2-feature-text{flex: 1 1 0%; gap: 1cqh; overflow: hidden;}
.cinema-stage .p2-feature-text strong{font-size: clamp(10px, 2.3cqw, 26px); line-height: 1.15; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.cinema-stage .p2-feature-text small, .cinema-stage .p2-feature-text span{font-size: clamp(7px, 1.15cqw, 13px); line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.cinema-stage .p2-feature-text p{font-size: clamp(8px, 1.5cqw, 16px); line-height: 1.45; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; max-height: none;}
.cinema-stage .p2-feature-text .p2-fallback{display: none;}
.cinema-stage .p2-feature-card[data-placement="top-left"]{inset: 2.5% auto auto 2.5%;}
.cinema-stage .p2-feature-card[data-placement="top-right"]{inset: 2.5% 2.5% auto auto;}
.cinema-stage .p2-feature-card[data-placement="bottom-left"]{inset: auto auto 2.5% 2.5%;}
.cinema-stage .p2-feature-card[data-placement="bottom-right"]{inset: auto 2.5% 2.5% auto;}
@container (max-width: 500px) {
  .cinema-stage .p2-feature-card { width: 46%; padding: 1.8cqw; }
  .cinema-stage .p2-feature-text p { -webkit-line-clamp: 3; }
  .cinema-stage .p2-feature-card img { width: 22%; }
}
.cinema-stage[data-mode="movie"][data-layout="stacked"] .stage-film{inset: 4% 30% 4% 3%;}
.cinema-stage[data-mode="movie"][data-layout="stacked"] .camera-tile{width: min(21cqw, 42cqh); height: min(21cqw, 42cqh); left: 75%; border-radius: 50%; aspect-ratio: 1 / 1;}
.cinema-stage[data-mode="movie"][data-layout="stacked"] .camera-host{top: 5%;}
.cinema-stage[data-mode="movie"][data-layout="stacked"] .camera-guest{top: auto; bottom: 5%;}
.cinema-stage[data-mode="movie"][data-layout="grid"] .camera-tile{border-radius: 16px; width: min(34cqw, 78cqh) !important; height: min(34cqw, 78cqh) !important; top: 11% !important; aspect-ratio: 1 / 1 !important;}
.cinema-stage[data-mode="movie"][data-layout="grid"] .camera-host{left: 12% !important;}
.cinema-stage[data-mode="movie"][data-layout="grid"] .camera-guest{left: 54% !important;}
.cinema-stage[data-mode="movie"][data-layout="poster"] .stage-film{inset: 3% 3% 35%; border-radius: 12px;}
.cinema-stage[data-mode="movie"][data-layout="poster"] .camera-tile{width: 18%; height: 28%; top: auto; bottom: 3%; border-radius: 50% 50% 12px 12px;}
.cinema-stage[data-mode="movie"][data-layout="poster"] .camera-host{left: 30%;}
.cinema-stage[data-mode="movie"][data-layout="poster"] .camera-guest{left: 52%;}
.cinema-stage[data-layout="stacked"] .camera-caption{padding: 16px 18% 12px; font-size: clamp(5px, 0.8cqw, 12px);}
.studio-camera-placement{display: grid; gap: 8px;}
.studio-camera-placement output{font-size: 11px; color: var(--studio-gold);}
.cinema-stage[data-mode][data-layout] .stage-cameras .camera-tile:is([data-camera-sized="true"], [data-camera-shape]:not([data-camera-shape="auto"]), [data-camera-position]:not([data-camera-position="auto"])){width: min(calc(var(--tile-size)*1cqw),131.2cqh) !important; height: min(calc(var(--tile-size)*.625cqw),82cqh) !important; aspect-ratio: 16 / 10 !important;}
.cinema-stage[data-mode][data-layout] .stage-cameras .camera-tile[data-camera-position]:not([data-camera-position="auto"]){position: absolute !important; left: var(--tile-left) !important; top: var(--tile-top) !important; right: auto !important; bottom: auto !important; transform: translate(var(--tile-x),var(--tile-y)) !important;}
.camera-tile[data-camera-position="top-left"]{--tile-left: 3%; --tile-top: 4%; --tile-x: 0%; --tile-y: 0%;}
.camera-tile[data-camera-position="top-center"]{--tile-left: 50%; --tile-top: 4%; --tile-x: -50%; --tile-y: 0%;}
.camera-tile[data-camera-position="top-right"]{--tile-left: 97%; --tile-top: 4%; --tile-x: -100%; --tile-y: 0%;}
.camera-tile[data-camera-position="center-left"]{--tile-left: 3%; --tile-top: 50%; --tile-x: 0%; --tile-y: -50%;}
.camera-tile[data-camera-position="center"]{--tile-left: 50%; --tile-top: 50%; --tile-x: -50%; --tile-y: -50%;}
.camera-tile[data-camera-position="center-right"]{--tile-left: 97%; --tile-top: 50%; --tile-x: -100%; --tile-y: -50%;}
.camera-tile[data-camera-position="bottom-left"]{--tile-left: 3%; --tile-top: 96%; --tile-x: 0%; --tile-y: -100%;}
.camera-tile[data-camera-position="bottom-center"]{--tile-left: 50%; --tile-top: 96%; --tile-x: -50%; --tile-y: -100%;}
.camera-tile[data-camera-position="bottom-right"]{--tile-left: 97%; --tile-top: 96%; --tile-x: -100%; --tile-y: -100%;}
.cinema-stage[data-mode][data-layout] .stage-cameras .camera-tile[data-camera-position]:is([data-camera-shape="circle"], [data-camera-shape="square"], [data-camera-shape="hexagon"], [data-camera-shape="diamond"]){width: min(calc(var(--tile-size)*1cqw),82cqh) !important; height: min(calc(var(--tile-size)*1cqw),82cqh) !important; aspect-ratio: 1 / 1 !important;}
.cinema-stage[data-mode][data-layout] .stage-cameras .camera-tile[data-camera-shape="circle"]{border-radius: 50% !important;}
.cinema-stage[data-mode][data-layout] .stage-cameras .camera-tile[data-camera-shape="square"]{border-radius: 8px !important;}
.cinema-stage[data-mode][data-layout] .stage-cameras .camera-tile[data-camera-shape="rounded"]{border-radius: 24px !important;}
.cinema-stage[data-mode][data-layout] .stage-cameras .camera-tile[data-camera-shape="rectangle"]{border-radius: 6px !important;}
.cinema-stage[data-mode][data-layout] .stage-cameras .camera-tile[data-camera-position][data-camera-shape="portrait"]{width: min(calc(var(--tile-size)*1cqw),63.0769cqh) !important; height: min(calc(var(--tile-size)*1.3cqw),82cqh) !important; aspect-ratio: 10 / 13 !important; border-radius: 16px !important;}
.cinema-stage[data-mode][data-layout] .stage-cameras .camera-tile[data-camera-shape="hexagon"]{clip-path: polygon(25% 0px, 75% 0px, 100% 50%, 75% 100%, 25% 100%, 0px 50%);}
.cinema-stage[data-mode][data-layout] .stage-cameras .camera-tile[data-camera-shape="diamond"]{clip-path: polygon(50% 0px, 100% 50%, 50% 100%, 0px 50%);}
.camera-tile:is([data-camera-shape="circle"], [data-camera-shape="hexagon"]) .camera-caption{padding-inline: 20%; padding-bottom: 12%; font-size: clamp(5px, 0.8cqw, 12px);}
.camera-tile[data-camera-shape="diamond"] .camera-caption{bottom: 18%; left: 24%; right: 24%; padding: 12px 0px 0px; letter-spacing: 0px; font-size: clamp(5px, 0.7cqw, 10px);}
.cinema-stage[data-mode][data-layout="stacked"] .camera-caption, .cinema-stage[data-mode][data-layout] .camera-tile:is([data-camera-shape="circle"], [data-camera-shape="hexagon"]) .camera-caption{bottom: 14%; left: 20%; right: 20%; padding: 12px 0px 0px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: clamp(7px, 1cqw, 12px); text-align: center; letter-spacing: 0.04em;}
.cinema-stage[data-mode][data-layout="stacked"] .camera-caption span, .camera-tile:is([data-camera-shape="circle"], [data-camera-shape="hexagon"], [data-camera-shape="diamond"]) .camera-caption span{display: none;}
.cinema-stage[data-mode][data-layout] .camera-tile[data-camera-shape="diamond"] .camera-caption{bottom: 30%; left: 28%; right: 28%; display: block; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.cinema-stage[data-mode="movie"]:is([data-layout="stacked"], [data-layout="grid"]) .stage-cameras .camera-tile[data-camera-shape="auto"]:is([data-camera-sized="true"], [data-camera-position]:not([data-camera-position="auto"])){width: min(calc(var(--tile-size)*1cqw),82cqh) !important; height: min(calc(var(--tile-size)*1cqw),82cqh) !important; aspect-ratio: 1 / 1 !important;}
.cinema-stage[data-mode="movie"][data-layout="poster"] .stage-cameras .camera-tile[data-camera-shape="auto"]:is([data-camera-sized="true"], [data-camera-position]:not([data-camera-position="auto"])){width: min(calc(var(--tile-size)*1cqw),63.0769cqh) !important; height: min(calc(var(--tile-size)*1.3cqw),82cqh) !important; aspect-ratio: 10 / 13 !important;}
.cinema-stage[data-mode][data-layout] .camera-tile:is([data-camera-shape="circle"], [data-camera-shape="hexagon"], [data-camera-shape="diamond"]) .camera-caption, .cinema-stage[data-mode][data-layout="stacked"] .camera-tile[data-camera-shape="auto"] .camera-caption{background: none; text-shadow: rgb(0, 0, 0) 0px 1px 3px, rgba(0, 0, 0, 0.733) 0px 0px 6px;}
#studio.studio-enter{animation: 0.35s ease 0s 1 normal both running studioJoin;}
#studio.studio-exit{opacity: 0; transition: opacity 0.18s; pointer-events: none;}
@keyframes studioJoin { 
  0% { opacity: 0; transform: translateY(4px); }
  100% { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce){#studio.studio-enter{animation: auto ease 0s 1 normal none running none;}
#studio.studio-exit{transition: none;}}