.chat-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding-bottom:12px}
.chat-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.chat-controls label{font-size:12px;color:var(--muted)}.chat-controls select{width:auto;padding:7px 9px;font-size:13px}
.messages{height:min(45vh,420px);overflow:auto;padding:18px 3px;display:flex;flex-direction:column;gap:12px}
.message{max-width:88%;padding:12px 15px;border-radius:12px;line-height:1.55;white-space:pre-wrap;font-size:15px}
.message.user{align-self:flex-end;background:var(--green);color:white;border-bottom-right-radius:3px}
.message.user.has-image{max-width:min(88%,420px)}
.message-image{display:block;max-width:100%;max-height:240px;object-fit:contain;border-radius:8px;margin-bottom:9px;background:#fff}
.message.assistant{align-self:flex-start;background:#edf3f0;border-bottom-left-radius:3px}
.message.error{background:#fce9e9;color:#7e272b}
.message.formatted{white-space:normal}.message.formatted p{margin:0 0 10px}.message.formatted p:last-child{margin-bottom:0}.message.formatted ul,.message.formatted ol{margin:4px 0 10px;padding-left:22px}.message.formatted li{margin:4px 0}.message.formatted h3{margin:2px 0 9px;font-size:16px}.message.formatted code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}
.typing{color:var(--muted);font-style:italic}
#chat-form textarea{margin-bottom:8px}
.chat-send{display:flex;justify-content:space-between;gap:12px;align-items:center}
.composer-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.composer-tools .secondary{padding:8px 11px;background:#fff}.composer-tools .secondary.listening{background:#fce9e9;color:#7e272b;border-color:#d79a9d}
.image-preview{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:10px;margin:0 0 9px;border:1px solid var(--border);border-radius:10px;background:#f7faf8}.image-preview img{width:72px;height:58px;object-fit:cover;border-radius:7px}.image-preview div{min-width:0}.image-preview strong,.image-preview span{display:block}.image-preview strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-preview span{font-size:12px;color:var(--muted);margin-top:2px}
.privacy{font-size:12px;margin-bottom:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.support-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-height:55vh;overflow:auto;padding-right:4px}.support-group h3{margin:0 0 8px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.support-group button{display:block;width:100%;margin:0 0 8px}.support-group button:last-child{margin-bottom:0}
@media(max-width:650px){.message{max-width:94%}.composer-tools .muted{display:none}.chat-toolbar{flex-direction:column}.chat-controls{justify-content:flex-start}.support-options{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr}.image-preview{grid-template-columns:58px 1fr}.image-preview img{width:58px;height:50px}.image-preview>button{grid-column:2;justify-self:start}.chat-send{align-items:flex-end}}
