.composer>.draft-quote-preview{grid-column:1/-1;display:flex;align-items:flex-start;gap:12px;padding:10px 12px;margin:4px 0 10px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;min-width:0}
.composer>.draft-quote-preview[hidden]{display:none}
.draft-quote-copy{flex:1;min-width:0}.draft-quote-heading{font-size:12px;line-height:1.5;font-weight:600;color:var(--fg-2);margin-bottom:4px}
.draft-quote-excerpt{font-size:14px;line-height:1.5;color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.draft-quote-cancel{flex:none;min-width:44px;min-height:44px;font-size:22px;color:var(--fg-2)}
.sent-quote-preview{margin:0 0 10px;padding:10px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;max-width:100%;min-width:0}
.sent-quote-excerpt{font-size:.9em;line-height:1.5;color:var(--fg-2);white-space:pre-wrap;overflow-wrap:anywhere;max-height:7.5em;overflow:auto}
html[data-reduce-motion="false"] .draft-quote-preview{animation:lixon-panel-enter 120ms ease-out}
@media(max-width:600px){.composer>.draft-quote-preview{gap:6px;padding:8px 8px 8px 10px}.draft-quote-excerpt{font-size:13px}.sent-quote-preview{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.draft-quote-preview{animation:none!important}}