/* Readable type scale shared by the public generator and Visual Director. */
body{font-size:16px}
.brand small,.nav-caption,.eyebrow{font-size:11px}
.nav-link{font-size:14px}
.sidebar-footer strong{font-size:13px}
.sidebar-footer small{font-size:11px}
.topbar p{font-size:13px;line-height:1.45}
.connection-pill{font-size:12px}
.model-badge,.soft-badge,.pro-badge{font-size:10px}
.form-field>label,.label-row label,.inline-form label{font-size:13px}
.label-row>span,.field-hint,.submit-row>span{font-size:12px;line-height:1.45}
.button{font-size:13px}
.button-small{font-size:12px}
.metric-card span{font-size:13px}
.metric-card small{font-size:11px}
.tips-card strong,.library-shortcut strong{font-size:13px}
.tips-card small,.library-shortcut small{font-size:12px;line-height:1.5}
.result-top small{font-size:10px}
.result-top strong{font-size:14px}
.result-actions,.new-audio-row p{font-size:12px}
.recovery-banner h3{font-size:13px}
.recovery-banner code,.recovery-banner .button{font-size:11px}

/* Visual Director: controls, project progress and generated prompt cards. */
body .style-collapse-toggle small,body .director-audio-heading small{font-size:10px}
body .style-collapse-toggle strong,body .director-audio-heading strong{font-size:14px}
body .style-collapse-toggle em{font-size:12px;line-height:1.35}
body .director-voice-control>label{font-size:13px}
body .voice-engine-static>span{font-size:10px}
body .voice-engine-static>strong{font-size:14px}
body .voice-engine-static>small{font-size:11px}
.style-picker b,.generator-picker b{font-size:13px}
.style-picker small,.generator-picker small{font-size:12px;line-height:1.4}
.director-submit p{font-size:12px;line-height:1.55}
.project-history a span{font-size:13px}
.project-history a small{font-size:11px}
.project-hero p,.director-progress p{font-size:12px;line-height:1.5}
.director-progress strong{font-size:14px}
.project-summary span{font-size:11px}
.copy-button{font-size:11px}
.prompt-card-head>span,.scene-prompts>div>span{font-size:10px}
.prompt-card>small,.scene-card header p{font-size:12px}
.prompt-card>p,.scene-prompts p,.scene-card blockquote{font-size:13px;line-height:1.65}
.scene-number{font-size:12px}
.scene-card h4{font-size:14px}
.camera-direction b{font-size:10px}
.camera-direction span{font-size:12px}
.copy-toast{font-size:12px}
.locked-code span{font-size:12px}
.locked-code strong{font-size:13px}

@media(max-width:720px){
  .topbar p{font-size:12px}
  body .style-collapse-toggle em{white-space:normal}
  .prompt-card>p,.scene-prompts p,.scene-card blockquote{font-size:12.5px}
}