.narration-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:100%;position:relative}
.narration-controls button{min-height:44px;max-width:100%;font:inherit;color:#eefbff;background:#163d4b;border:1px solid #609ba9;border-radius:7px;padding:6px 10px;cursor:pointer}
.narration-controls button:focus-visible{outline:3px solid #92eddf;outline-offset:3px}
.narration-help{position:absolute;right:0;top:100%;z-index:200;width:min(280px,calc(100vw - 32px));background:#102b35;color:#effaff;border:1px solid #6995a4;border-radius:8px;padding:12px;font-size:13px;line-height:1.5;box-sizing:border-box}
.narration-help[hidden]{display:none}
.film-head{gap:8px;flex-wrap:wrap}
@media(max-width:540px){.narration-controls button{font-size:12px;padding:5px 8px}.film-head>span{font-size:12px}}