.conversation-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.conversation-editor,.conversation-sidebar{border:1px solid var(--line);border-radius:9px;background:var(--white);padding:22px;min-width:0}.conversation-guide{padding:14px 16px;background:var(--pale);border:1px solid #b4cef5;border-radius:7px;margin-bottom:18px}.conversation-guide strong{font-size:13px}.conversation-guide p{font-size:12px;color:var(--muted);margin:5px 0 10px;line-height:1.6}.conversation-guide code{color:var(--blue);font-size:12px}.conversation-guide pre{margin:0;font-size:12px;line-height:1.8;white-space:pre-wrap;color:var(--ink);font-family:inherit}.conversation-editor textarea{width:100%;resize:vertical;min-height:330px;max-height:1000px;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:15px;line-height:1.85;padding:12px 0}.conversation-editor textarea:focus-visible{outline:2px solid var(--blue);outline-offset:5px;border-radius:4px}.conversation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;color:var(--muted);font-size:11px}.conversation-toolbar>div{display:flex;gap:5px;flex-wrap:wrap}.conversation-toolbar .small-button{font-size:11px;padding:5px 9px;min-height:28px}.conversation-cues{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.conversation-cues button{font-size:11px;padding:6px 9px;border:1px solid #b4cef5;border-radius:5px;background:var(--pale);color:var(--blue)}.conversation-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.conversation-title-row{display:flex;align-items:center;gap:8px}.conversation-title-row input{flex:1;min-width:0;border:0;padding:8px 0;background:transparent;color:var(--ink);font-size:12px}.conversation-title-row .small-button{font-size:11px;padding:7px 10px}.conversation-draft-status{display:block;color:var(--muted);font-size:10px;margin:7px 0 16px}.conversation-generate-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.conversation-generate-row strong{display:block;color:var(--blue);font-size:15px}.conversation-generate-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.conversation-generate-row .button{font-size:12px;min-height:42px;padding:10px 16px}.conversation-tabs{display:flex;gap:6px;padding:5px;background:var(--pale);border-radius:6px;margin-bottom:20px}.conversation-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:var(--muted);font-size:12px;padding:9px 8px;border-radius:4px}.conversation-tabs button[aria-selected=true]{background:var(--white);color:var(--blue);box-shadow:0 1px 4px #0000000a}.conversation-tabs span{font-size:10px}.conversation-speaker-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px}.conversation-speaker-heading span{font-size:11px;color:var(--muted)}.conversation-speakers{display:flex;flex-direction:column;gap:10px;max-height:360px;overflow-y:auto}.conversation-speaker{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:7px;padding:10px}.conversation-speaker-label{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;font-size:12px;font-weight:600;border-radius:6px;background:var(--pale);color:var(--blue)}.conversation-speaker-label[data-speaker-color=B],.conversation-speaker-label[data-speaker-color=F]{background:#eee7ff;color:#7856b0}.conversation-speaker-label[data-speaker-color=C],.conversation-speaker-label[data-speaker-color=G]{background:#e1f2ea;color:#277850}.conversation-speaker-label[data-speaker-color=D],.conversation-speaker-label[data-speaker-color=H]{background:#fff0df;color:#996225}.conversation-voice{flex:1;min-width:0;text-align:left;padding:0;border:0;background:transparent;color:var(--ink)}.conversation-voice strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:500}.conversation-voice span{display:block;font-size:9px;color:var(--muted);margin-top:4px}.conversation-remove{border:0;background:transparent;color:var(--muted);padding:3px;font-size:17px}.conversation-remove:disabled{opacity:.25}.conversation-add{width:100%;margin:12px 0 0;border:1px dashed var(--line);padding:9px;font-size:11px;border-radius:6px;background:transparent;color:var(--blue)}.conversation-controls{margin-top:22px;border-top:1px solid var(--line);padding-top:6px}.conversation-controls p{font-size:10px;color:var(--muted);margin:7px 0 20px;line-height:1.6}.conversation-controls .range-label{font-size:12px}.conversation-voice-hint{font-size:10px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.conversation-syntax{font-size:11px;color:#c44141;background:#fceeee;padding:10px 12px;border-radius:5px;line-height:1.5}.conversation-history{max-height:720px;overflow:auto}.conversation-history .history-row:first-child{border-top:0;padding-top:0}.conversation-reload{margin-top:16px;font-size:11px}.conversation-editor-column{min-width:0}.conversation-editor-column>.generation-progress{margin-top:20px}.conversation-sidebar .history-row p{overflow-wrap:anywhere}.conversation-sidebar .audio-row-header strong{font-size:12px}.conversation-sidebar .generation-inline{font-size:10px}
@media(max-width:1250px){.conversation-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.conversation-editor,.conversation-sidebar{padding:18px}.conversation-generate-row{flex-wrap:wrap}.conversation-generate-row .button{width:100%}.conversation-guide{padding:12px}.conversation-guide pre{font-size:11px}}
@media(max-width:960px){.conversation-grid{grid-template-columns:1fr}.conversation-speakers{display:grid;grid-template-columns:1fr 1fr}.conversation-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}.conversation-generate-row .button{width:auto}.conversation-editor textarea{min-height:300px}}
@media(max-width:520px){.conversation-editor,.conversation-sidebar{padding:16px}.conversation-speakers,.conversation-controls{grid-template-columns:1fr}.conversation-controls{gap:0}.conversation-toolbar{flex-wrap:wrap}.conversation-generate-row .button{width:100%}.conversation-title-row{flex-wrap:wrap}.conversation-title-row input{flex-basis:100%}.conversation-editor textarea{font-size:14px}.conversation-tabs button{min-height:40px}}