/* Portrait composition keeps the panoramic set and its face/MG overlays together. */
.embed-heading{display:none}
.sound-row{display:flex;align-items:center;gap:6px;padding:0 6px 0 12px;min-height:44px}
.sound-row .sound-button{position:static;flex:0 0 auto;min-width:72px;min-height:44px;padding:0 8px;border-radius:6px;font-size:10px;background:transparent;border:0;color:#a9edf0}
.sound-row .sound-button[aria-pressed=true]{background:transparent;color:#eab58a}
.stage{height:calc(77.7vw + 124px);aspect-ratio:auto;padding:0;background:radial-gradient(ellipse at 50% 44%,#17303b 0%,#0b1720 42%,#070b10 76%)}
.copy{top:12px;left:22px;right:22px;width:auto;height:auto;padding:0;z-index:3}
.copy h2{font-size:23px;line-height:1.35}
.copy p{display:none}
.step{font-size:10px;letter-spacing:0;margin-bottom:6px}
.artwork{left:-19%;top:100px;width:138%;height:auto;aspect-ratio:1672/941}
.artwork img{object-fit:contain}
.action-panel{display:none}
.script-sheet{padding:12px 14px;background:#101f29dd;border-color:#73e2e633;color:#e1eef3}
.script-sheet .sheet-head,.script-sheet .secondary-line,.script-sheet .sheet-bottom{color:#9eb7c4}
.script-sheet .sheet-check{color:#73e2e6}
.mg-film{left:34%;width:23%;height:72%;top:5%}
.typed-line{font-size:15px;line-height:1.8}
.typed-line.secondary-line{font-size:11px}
.sheet-head{font-size:10px}
.sheet-bottom{font-size:10px;margin-top:8px}
.record-panel .waveform{height:32px;margin:13px 0}
.record-panel .waveform i{height:32px}
.spoken-caption,.sync-caption{font-size:18px;line-height:1.65}
.record-heading,.expression-note,.sync-status{font-size:11px}
.sync-rail{margin:12px 0}
.viseme-labels{gap:8px;font-size:11px}
.mg-cues{gap:12px}
.mg-cues>span{font-size:14px;padding-bottom:8px}
.mg-cues small{font-size:10px}
.release-panel{gap:14px;padding-top:14px}
.release-panel svg{width:40px;height:40px}
.release-panel strong{font-size:23px}
.release-panel span{font-size:12px}
.film-label{top:auto;bottom:10px;left:22px;right:auto;font-size:8px;background:transparent;padding:0;color:#8097a5}
.controls{min-height:44px;padding:0 8px}
.chapters{padding:0 6px;min-height:44px}
.chapters strong{font-size:10px}
#motion-note{position:static;flex:1;min-width:0;font-size:9px;line-height:1.5;min-height:0;padding:0!important}
#motion-note:not(:empty){min-height:0;padding:0!important}
@media(max-width:300px){.copy{left:16px;top:16px}.copy h2{font-size:22px}.copy p{font-size:10px}.step{margin-bottom:7px}.action-panel{left:16px;right:16px}.typed-line{font-size:13px}.spoken-caption,.sync-caption{font-size:15px}.film-label{font-size:7px}}