.c24-chat-compare{background:linear-gradient(#f8fafc 0%,#fff 100%);border:1px solid #eceef3;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0f172a0f}.c24-chat-compare-prompt{border-bottom:1px solid #eceef3;padding:20px 20px 18px}.c24-chat-compare-label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin-bottom:8px;font-size:11px;font-weight:600}.c24-chat-compare-user{color:#fff;background:#1a1a3e;border-radius:12px;width:fit-content;max-width:100%;margin:0;padding:12px 14px;font-size:14px;line-height:1.5;display:inline-block}.c24-chat-compare-grid{grid-template-columns:1fr;display:grid}@media (min-width:640px){.c24-chat-compare-grid{grid-template-columns:1fr 1fr}}.c24-chat-compare-col{opacity:0;padding:20px;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);transform:translateY(10px)}.c24-chat-compare-col+.c24-chat-compare-col{border-top:1px solid #eceef3}@media (min-width:640px){.c24-chat-compare-col+.c24-chat-compare-col{border-top:none;border-left:1px solid #eceef3}}.c24-chat-compare-col--on{opacity:1;transform:translateY(0)}.c24-chat-compare-model{letter-spacing:.04em;text-transform:uppercase;color:#64748b;margin-bottom:10px;font-size:11px;font-weight:600}.c24-chat-compare-response{color:#334155;min-height:5.5em;margin:0;font-size:14px;line-height:1.65}.c24-chat-compare-caret{vertical-align:text-bottom;background:#6366f1;width:2px;height:1em;margin-left:1px;animation:1s step-end infinite c24-chat-compare-caret;display:inline-block}@keyframes c24-chat-compare-caret{0%,50%{opacity:1}51%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.c24-chat-compare-col{opacity:1;transition:none;transform:none}.c24-chat-compare-caret{animation:none}}
.c24-chat-input{background:#fff;border:1px solid #e8eaef;border-radius:16px;flex-direction:column;gap:10px;padding:12px 14px;display:flex;position:relative;box-shadow:0 4px 24px #0f172a0f}.c24-chat-input--compact{border-radius:14px;gap:8px;padding:10px 12px;box-shadow:0 2px 16px #0f172a0d}.c24-chat-input__placeholder-wrap{min-height:1.25rem;position:relative}.c24-chat-input__placeholder{color:#cbd5e1;font-size:14px;line-height:1.25;transition:opacity .35s;display:block}.c24-chat-input--compact .c24-chat-input__placeholder{font-size:13px}.c24-chat-input__placeholder--fade{opacity:0}.c24-chat-input__footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.c24-chat-input__toolbar{gap:2px;display:flex}.c24-chat-input__tool{color:#94a3b8;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.c24-chat-input--compact .c24-chat-input__tool{border-radius:6px;width:24px;height:24px}.c24-chat-input--compact .c24-chat-input__tool svg{width:14px;height:14px}.c24-chat-input__send{color:#fff;background:#1a1a3e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.c24-chat-input--compact .c24-chat-input__send{width:28px;height:28px}.c24-chat-input--compact .c24-chat-input__send svg{width:14px;height:14px}.c24-chat-input--showcase .c24-chat-input__toolbar{gap:0}.c24-chat-input--showcase .c24-chat-input__tool{border-radius:6px;width:22px;height:22px}.c24-chat-input--showcase .c24-chat-input__tool svg{width:13px;height:13px}.c24-chat-input--showcase .c24-chat-input__send{width:26px;height:26px}.c24-chat-input--showcase .c24-chat-input__send svg{width:13px;height:13px}@media (prefers-reduced-motion:reduce){.c24-chat-input__placeholder{transition:none}}
.c24-chat-preview{background:linear-gradient(#f8fafc 0%,#fff 42%);flex-direction:column;height:100%;min-height:0;display:flex}.c24-chat-preview-suggestions{scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:16px 16px 0;display:flex;overflow-x:auto}.c24-chat-preview-suggestions::-webkit-scrollbar{display:none}.c24-chat-preview-pill{color:#64748b;cursor:default;background:#fff;border:1px solid #e8eaef;border-radius:999px;flex-shrink:0;padding:7px 14px;font-size:12px;transition:border-color .25s,color .25s,box-shadow .25s}.c24-chat-preview-pill--active{color:#1e293b;border-color:#c7d2fe;box-shadow:0 0 0 3px #6366f114}.c24-chat-preview-thread{flex-direction:column;flex:1;gap:12px;min-height:0;padding:20px 16px 12px;display:flex;overflow-y:auto}.c24-chat-preview-msg{opacity:0;border-radius:14px;width:fit-content;max-width:88%;padding:12px 14px;font-size:13px;line-height:1.55;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);transform:translateY(8px)}.c24-chat-preview-msg--on{opacity:1;transform:translateY(0)}.c24-chat-preview-msg--user{color:#fff;background:#1a1a3e;border-bottom-right-radius:4px;align-self:flex-end}.c24-chat-preview-msg--ai{background:#fff;border:1px solid #eceef3;border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 1px 2px #0f172a0a}.c24-chat-preview-model{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;margin-bottom:6px;font-size:10px;font-weight:600;display:inline-block}.c24-chat-preview-response{color:#334155;white-space:pre-line;margin:0}.c24-chat-preview-caret{vertical-align:text-bottom;background:#6366f1;width:2px;height:1em;margin-left:1px;animation:1s step-end infinite c24-chat-caret;display:inline-block}.c24-chat-preview-typing{gap:4px;padding:4px 0;display:inline-flex}.c24-chat-preview-typing span{background:#cbd5e1;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite c24-chat-dot}.c24-chat-preview-typing span:nth-child(2){animation-delay:.15s}.c24-chat-preview-typing span:nth-child(3){animation-delay:.3s}@keyframes c24-chat-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes c24-chat-caret{0%,50%{opacity:1}51%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.c24-chat-preview-msg,.c24-chat-preview-pill{transition:none}.c24-chat-preview-typing span,.c24-chat-preview-caret{animation:none}}