.quote-mode-switch:has(#messageModeBtn){grid-template-columns:repeat(3,1fr)}
#messageModeBtn.active{background:var(--accent);color:#fff}
.message-quote-card{display:none;margin-top:16px;border:1px solid var(--line);border-radius:18px;background:#14171d;overflow:hidden}
body.quote-message-mode .message-quote-card{display:block}
body.quote-message-mode .voice-entry-card{display:none!important}
.message-card-head{padding:17px 18px 13px;border-bottom:1px solid #252a33}
.message-card-head h2{font-size:16px;margin:4px 0 6px}.message-card-head p{margin:0;color:#98a2b1;font-size:11.5px;line-height:1.5}
.quote-chat{height:min(58vh,620px);min-height:340px;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,#0f1217,#12151b)}
.chat-empty{margin:auto;color:#697486;font-size:11px;text-align:center;padding:30px}.chat-row{display:flex;width:100%}.chat-row.user{justify-content:flex-end}.chat-row.assistant{justify-content:flex-start}
.chat-bubble{border-radius:16px;padding:11px 13px;font-size:12px;line-height:1.5;max-width:88%}.user-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:5px}.assistant-bubble{background:#1b1f27;color:#eef1f6;border:1px solid #2a303a;border-bottom-left-radius:5px}.assistant-bubble.error{color:#ff9aaa}
.loading-bubble{display:flex;gap:5px;align-items:center;padding:14px}.loading-bubble span{width:6px;height:6px;border-radius:50%;background:#9099a7;animation:msgDot .9s infinite alternate}.loading-bubble span:nth-child(2){animation-delay:.15s}.loading-bubble span:nth-child(3){animation-delay:.3s}
.chat-composer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px;background:#11141a;border-top:1px solid #252a33;align-items:end}.chat-composer textarea{min-height:58px;max-height:150px;resize:vertical}.chat-send{height:44px;min-width:90px}
.quote-response-row .assistant-bubble{max-width:min(100%,560px);width:100%;padding:12px}.quote-response-title{font-weight:800;margin:2px 2px 10px}
.message-preview-frame{height:390px;border-radius:12px;background:#d9dee6;overflow:hidden;display:grid;place-items:start center;padding:7px}.message-preview-stage{position:relative;margin:auto}.message-preview-stage .quote-page{width:210mm;min-height:297mm}
.message-response-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.message-response-actions .btn{font-size:11px;padding:9px 12px}
@keyframes msgDot{from{transform:translateY(0);opacity:.5}to{transform:translateY(-4px);opacity:1}}
@media(max-width:620px){.quote-mode-switch:has(#messageModeBtn){grid-template-columns:1fr}.quote-mode-switch button{padding:10px}.quote-chat{height:52vh;min-height:320px;padding:12px}.chat-bubble{max-width:94%}.chat-composer{grid-template-columns:1fr}.chat-send{width:100%}.message-preview-frame{height:320px}.quote-response-row .assistant-bubble{max-width:100%}}