.narration{margin:1.2rem 0;padding:1rem;border:1px solid var(--line,rgba(255,255,255,.2));border-radius:12px;background:var(--panel)}.narration-heading{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center}.narration-auto{display:flex;gap:.4rem;align-items:center;font-size:.75rem}.narration-auto input{accent-color:currentColor}.narration-title{font-size:.95rem!important;margin:.65rem 0!important}.narration-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.narration-controls button,.narration-controls select{font:inherit;font-size:.8rem;color:inherit;border:1px solid currentColor;border-radius:6px;background:transparent;padding:.5rem .65rem;cursor:pointer}.narration-controls label{font-size:.75rem}.narration-controls select option{color:#242424;background:white}.narration-status{font-size:.75rem!important;opacity:.8;margin:.65rem 0 0!important}.narration-script{margin-top:.65rem;font-size:.8rem}.narration-script summary{cursor:pointer}.narration-script p{font-size:.85rem!important;line-height:1.6!important}.narration :focus-visible{outline:2px solid currentColor;outline-offset:3px}
.simulation-narration{margin-top:1rem}.simulation-narration span{font-size:.8rem;opacity:.8}

.narration-controls .narration-icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;flex-shrink:0}.narration-icon-button svg{width:24px;height:24px;fill:currentColor}.narration-icon-button .narration-pause-icon{display:none}.narration-icon-button[data-state="playing"] .narration-play-icon{display:none}.narration-icon-button[data-state="playing"] .narration-pause-icon{display:inline}