/* The black surround belongs to the rendered film, not the product palette. */
[data-product-scene] { --film-backdrop:#000; }
.scene-heading { display:flex; justify-content:space-between; align-items:center; gap:var(--space-4); margin-bottom:var(--space-4); min-height:var(--space-12); }
.scene-kicker,.scene-runtime,.scene-message { font:var(--site-mono)/var(--lead-helper) var(--font-mono); color:var(--ink-2); }
.scene-button { display:inline-flex; align-items:center; justify-content:center; gap:var(--space-2); min-height:var(--space-12); padding:var(--space-2) var(--space-4); border:1px solid var(--border-hi); border-radius:var(--r-sm); background:var(--surface); font:var(--type-helper)/var(--lead-helper) var(--font-sans); white-space:nowrap; }
.scene-button:hover { border-color:var(--ink-2); }
.scene-button:disabled { cursor:default; opacity:.6; }
.scene-button .icon { width:var(--size-icon-md); height:var(--size-icon-md); }
.scene-callout { display:none; }
.scene-transport { display:flex; align-items:center; gap:var(--space-3); padding-block:var(--space-4); border-bottom:1px solid var(--border-hi); }
.scene-progress { height:var(--space-0h); background:var(--border-hi); flex:1; margin-inline:var(--space-4); overflow:hidden; }
.scene-progress>span { display:block; height:100%; background:var(--ink-2); transform:scaleX(0); transform-origin:left; }
.scene-video { display:block; width:100%; height:100%; object-fit:contain; }

/* Mobile and reduced-motion defaults keep the actual, readable dashboard.
   The cinematic mode is media, not a scaled interactive surface. */
@media (min-width:1101px) {
  [data-scene-mode=cinematic] .scene-stage {
    aspect-ratio:7 / 4;
    overflow:hidden;
    border:1px solid var(--border-hi);
    border-radius:var(--r-lg);
    background:var(--film-backdrop);
  }
  [data-scene-mode=flat] .scene-transport { display:none; }
}
@media (max-width:1100px) {
  .scene-heading { min-height:0; margin-bottom:var(--space-4); }
  .scene-transport,[data-scene-mode-toggle] { display:none!important; }
}