.classroom-content .nexus-fullscreen-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#153f40;color:#fff;font:500 14px/1.4 'Malgun Gothic',sans-serif}
.classroom-content .nexus-fullscreen-bar button{min-height:44px;flex-shrink:0;padding:10px 16px;border:1px solid #c8ddd3;border-radius:9px;background:#fff;color:#153f40;font:700 16px/1.3 'Malgun Gothic',sans-serif;cursor:pointer}
.classroom-content .nexus-fullscreen-bar button:focus-visible{outline:3px solid #ffcb68;outline-offset:3px}
.classroom-content .nexus-expanded{position:fixed!important;inset:0!important;z-index:2147483646!important;width:100%!important;max-width:none!important;height:100vh!important;height:100dvh!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;overflow:auto!important;overscroll-behavior:contain;background:#f8f5ed!important;box-sizing:border-box;padding:0 0 env(safe-area-inset-bottom)!important;isolation:isolate}
.classroom-content .nexus-expanded .nexus-fullscreen-bar{position:sticky;top:0;z-index:20;padding-top:max(10px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.classroom-content .nexus-expanded .stage,.classroom-content .nexus-expanded .image-shell{height:54vh;height:54dvh;min-height:140px;max-height:none;aspect-ratio:auto;background:#102b3a;overflow:hidden}
.classroom-content .nexus-expanded .stage>img,.classroom-content .nexus-expanded .image-shell>img{position:static;width:100%;height:100%;max-width:none;object-fit:contain;transform:none}
.classroom-content .nexus-expanded #frame{width:min(100%,81vh);width:min(100%,81dvh);height:auto;max-height:none;aspect-ratio:3/2;margin:auto}
.classroom-content .nexus-expanded #frame.page{aspect-ratio:3/2}
.classroom-content .nexus-expanded .captions,.classroom-content .nexus-expanded .caption-panel,.classroom-content .nexus-expanded .caption{min-height:0;padding:12px 24px}
.classroom-content .nexus-expanded .captions p,.classroom-content .nexus-expanded .caption-panel p{min-height:0;margin:0}
.classroom-content .nexus-expanded .transport{flex-wrap:wrap}
.classroom-content .nexus-expanded .controls{padding-top:10px;padding-bottom:12px}
@media(max-width:600px){.classroom-content .nexus-fullscreen-bar{padding:8px 12px}.classroom-content .nexus-fullscreen-bar span{font-size:13px}.classroom-content .nexus-expanded .stage,.classroom-content .nexus-expanded .image-shell{height:40vh;height:40dvh}.classroom-content .nexus-expanded #frame{width:min(100%,60vh);width:min(100%,60dvh)}.classroom-content .nexus-expanded .caption,.classroom-content .nexus-expanded .captions,.classroom-content .nexus-expanded .caption-panel{padding:12px 16px}}
@media(max-height:500px) and (orientation:landscape){.classroom-content .nexus-expanded .stage,.classroom-content .nexus-expanded .image-shell{height:65vh;height:65dvh}.classroom-content .nexus-expanded #frame{width:min(100%,97.5vh);width:min(100%,97.5dvh)}}
@media print{.nexus-fullscreen-bar{display:none!important}}