#problem .study-animation-slot{position:relative;min-height:460px;align-self:stretch;overflow:hidden;background:#e6ebed}
#problem .study-animation-slot iframe{position:absolute;width:1600px;height:900px;max-width:none;border:0;transform-origin:top left}
@media(max-width:1023px){#problem .study-animation-slot{min-height:0;aspect-ratio:16/9}}

#problem .exam-review-slot iframe{width:1536px;height:1024px}
@media(max-width:1023px){#problem .exam-review-slot{aspect-ratio:3/2}}

#problem .discussion-animation-slot iframe{width:1400px;height:1120px}
@media(max-width:1023px){#problem .discussion-animation-slot{aspect-ratio:5/4}}

#problem .lecture-capture-slot iframe{width:1600px;height:1024px}
@media(max-width:1023px){#problem .lecture-capture-slot{aspect-ratio:25/16}}

/* Keep the same media boundary across tabs: no reflow or unpainted iframe swap. */
#problem .scene-media{position:relative;height:460px;min-width:0;overflow:hidden;background:#e6ebed}
#problem .scene-media > img{width:100%;height:100%;object-fit:cover}
#problem .scene-media > [data-scene-media]{position:absolute;inset:0;width:100%;height:100%;min-height:0;visibility:hidden;pointer-events:none}
#problem .scene-media > [data-active="true"]{visibility:visible}
#problem .scene-media iframe{pointer-events:none}
@media(max-width:1023px){#problem .scene-media{height:auto;aspect-ratio:36/23}}