/* Keep a 16:9 scene plus a separate transport bar inside the lesson. */
.lesson-studio-embed{position:relative;width:100%;min-width:0;aspect-ratio:16/9;padding-bottom:60px;box-sizing:content-box;margin:0 0 28px;border-radius:14px;overflow:hidden;background:#0b2634}
.lesson-studio-frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.studio-embedded .studio-player-shell{grid-template-rows:minmax(0,1fr) auto}
.studio-embedded .studio-player-controls{height:60px;padding-top:10px;padding-bottom:10px}
.studio-embed-fullscreen{position:absolute;right:10px;top:10px;z-index:10;display:grid;place-items:center;width:36px;height:34px;border:1px solid #d4e2e8;border-radius:9px;background:rgba(255,255,255,.9);color:#17324a;font-size:22px;cursor:pointer}
.studio-center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:11;display:grid;place-items:center;width:clamp(56px,9vw,82px);aspect-ratio:1;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(7,139,148,.92);box-shadow:0 6px 28px rgba(0,0,0,.22);cursor:pointer}
.studio-center-play span{display:block;width:0;height:0;margin-left:5px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:19px solid #fff}
.studio-center-play:hover{background:#078b94}.studio-center-play:focus-visible{outline:3px solid #fff;outline-offset:4px}.studio-center-play[hidden]{display:none}