/* Real platform films keep one geometry across tools, so list selections never
   move the page. Playback and all platform effects are decoded by the browser. */
.tool-demo{position:relative;width:100%;overflow:hidden;border:1px solid #17171716;border-radius:12px;background:#F6F8FB;pointer-events:none;user-select:none;isolation:isolate;container-type:inline-size;color-scheme:light}
.td-scene{position:relative;width:100%;aspect-ratio:1600/1000;overflow:hidden}
.td-recording-poster,.td-recording-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.td-recording-poster{z-index:1}
.td-recording-video{visibility:hidden}
.tool-demo[data-demo-ready=true] .td-recording-poster{visibility:hidden}
.tool-demo[data-demo-ready=true] .td-recording-video{visibility:visible}
.tool-demo[data-recording-theme=graphite]{background:#181818;color-scheme:dark}
@media(prefers-reduced-motion:reduce){.tool-demo .td-recording-video{visibility:hidden}.tool-demo .td-recording-poster{visibility:visible}}