/* V4: preserve the complete montage frame at every breakpoint. */
.media[data-demo]{background:#0b1216;aspect-ratio:4/3!important;max-height:none!important}
.media[data-demo]>img,.media[data-demo]>video{display:block;object-fit:contain!important;object-position:center!important;transform:none!important;width:100%;height:100%}
.media[data-demo]>video.media-failed{display:none}
.media[data-demo="sketch"],.media[data-demo="space-motion"],.media[data-demo="workflow"],.media[data-demo="video-editor"]{aspect-ratio:16/9!important}
.media[data-demo="upscale-image"]{aspect-ratio:1!important}
.tool-composition:has([data-demo="tools"] video){display:block!important}
.tool-composition:has([data-demo="tools"] video)>.tool-catalog{display:none}
.tool-composition>[data-demo="tools"]{display:block!important;height:auto!important;border-radius:10px}
.motion-showcase:has(video){padding-bottom:0!important}
.motion-showcase:has(video)>.motion-frame-label,.motion-showcase:has(video)>.motion-storyboard{display:none}
.media-toggle:focus-visible{outline:3px solid #9bf0d8;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.scene-panel>.media{animation:none!important}}
@media(max-width:760px){
.upscale-grid{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
.film-finish-grid{display:flex!important;flex-direction:column!important;gap:32px!important}
.film-finish-grid>article{width:100%;max-width:none}
.finish-tour{display:flex!important;flex-direction:column!important}
.finish-tour>.media,.finish-tour>div{width:100%}
}
.demo-expand{position:absolute;right:66px;bottom:14px;width:44px;height:44px;display:grid;place-items:center;z-index:5;border:1px solid #ffffff4a;border-radius:50%;background:#15191bd9;color:#fff;cursor:pointer}
.demo-expand svg{width:18px;height:18px}
.demo-expand:focus-visible{outline:3px solid #9bf0d8;outline-offset:3px}
.media[data-demo]:fullscreen{width:100vw;height:100vh;aspect-ratio:auto!important;max-height:none!important;border-radius:0;background:#080d10}
.media[data-demo]:fullscreen>img,.media[data-demo]:fullscreen>video{object-fit:contain!important}
.media[data-demo]:fullscreen .demo-expand{bottom:22px;right:80px}
.media[data-demo]:fullscreen .media-toggle{bottom:22px;right:22px}
@media(max-width:760px){.upscale-card{grid-template-columns:1fr!important}.upscale-card>.media{width:100%}.upscale-card>div:last-child{padding:8px!important}}
.media[data-demo]:has(video.media-failed)>.demo-expand{display:none}
@media(max-width:760px){.enhance-inline{padding:12px!important}}
.media[data-demo]:not(:fullscreen)>.demo-expand,.media[data-demo]:not(:fullscreen)>.media-toggle{bottom:16%!important}