#voice-editor-dialog { width: min(860px, calc(100% - 28px)); max-height: calc(100% - 28px); }
.editor-heading,.editor-cue-heading { display: flex; justify-content: space-between; align-items: start; gap: 15px; }
.editor-heading h2,.editor-cue-heading h3 { margin: 0; }
#editor-audio { width: 100%; margin: 12px 0 0; }
.editor-audio-caption { text-align: center; background: #eff5ee; border-radius: 9px; padding: 12px; min-height: 46px; overflow-wrap: anywhere; }
.editor-cue-heading { align-items: center; margin-top: 8px; }
.editor-cue-heading .button { white-space: nowrap; }
.editor-cues { display: grid; gap: 10px; }
.editor-cue { display: grid; grid-template-columns: 100px 100px minmax(0, 1fr) auto; gap: 8px; align-items: end; padding: 12px; border: 1px solid #dce6dc; border-radius: 10px; }
.editor-cue label { min-width: 0; font-size: 12px; }
.editor-cue input,.editor-cue textarea { width: 100%; min-width: 0; }
.editor-cue textarea { min-height: 48px; resize: vertical; }
.cue-actions { display: flex; gap: 5px; flex-direction: column; }
.cue-actions button { font-size: 12px; white-space: nowrap; }
.editor-actions { display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
@media (max-width: 600px) { .editor-cue { grid-template-columns: 1fr 1fr; } .editor-cue-text { grid-column: 1 / -1; } .cue-actions { flex-direction: row; grid-column: 1 / -1; } .editor-cue-heading { align-items: start; } }