.ask-panel { display: grid; gap: 16px; }
.ask-thread { display: grid; gap: 14px; }
.ask-item { display: grid; gap: 10px; }
.ask-question,.ask-answer { display: flex; gap: 11px; max-width: 82%; }
.ask-question { justify-self: end; flex-direction: row-reverse; }
.ask-question > span,.ask-answer > span { flex: 0 0 34px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--primary); color: white; font-weight: 800; }
.ask-question > div,.ask-answer > div { padding: 12px 14px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); }
.ask-question > div { background: var(--primary); color: white; border-color: transparent; }
.ask-question small,.ask-answer small { display: block; margin-bottom: 5px; opacity: .72; }
.ask-question p,.ask-answer p { margin: 0; line-height: 1.5; }
.ask-answer.status-queued > div,.ask-answer.status-running > div { border-color: color-mix(in srgb,var(--primary) 45%,var(--border)); }
.ask-answer.status-failed > div { border-color: #d65c65; }
.ask-citations { display: grid; gap: 7px; margin-top: 12px; }
.ask-citations button { display: grid; grid-template-columns: 90px 1fr; gap: 10px; width: 100%; padding: 9px 10px; text-align: left; border: 1px solid var(--border); border-radius: 9px; color: var(--text); background: var(--surface-2); }
.ask-citations button b { color: var(--primary); }
.ask-citations button span { font-weight: 500; line-height: 1.4; }
.ask-form { position: sticky; bottom: 12px; padding: 14px; border: 1px solid var(--border); border-radius: 14px; background: color-mix(in srgb,var(--surface) 94%,transparent); backdrop-filter: blur(12px); }
.ask-form > div { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: end; }
.ask-form textarea { min-height: 58px; resize: vertical; }
@media(max-width:700px){.ask-question,.ask-answer{max-width:100%}.ask-form>div{grid-template-columns:1fr}.ask-citations button{grid-template-columns:1fr}}