.task-card progress { accent-color: #181816; }
.form-error:not(:empty) { padding-top: 8px; color: #b23a2d; }
.send-button:focus-visible,.skill-picker:focus-visible,.new-task:focus-visible { outline: 3px solid rgba(30,91,255,.28); outline-offset: 2px; }
.send-button.is-stop { background:#242329; color:#fff; opacity:1; }
.send-button.is-stop svg { fill:currentColor; }
.send-button.is-stopping { opacity:.6; cursor:wait; }
.creative-brief { white-space:pre-line; line-height:1.85; max-width:720px; }
.creation-pending { display:flex; flex-direction:column; align-items:flex-start; gap:12px; min-height:128px; padding:20px 0; }
.creation-pending .creation-status { display:flex; flex-wrap:wrap; align-items:center; gap:10px; color:#5d5966; font-size:15px; }
.task-elapsed { color:#85808c; font-variant-numeric:tabular-nums; }
.task-preview-placeholder{box-sizing:border-box;width:min(100%,560px);min-height:150px;aspect-ratio:4/3;border:1px solid #e7e5ef;border-radius:16px;background:linear-gradient(145deg,rgba(239,237,250,.7),rgba(246,247,249,.85));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px;text-align:center;overflow-wrap:anywhere}
.task-preview-kind{font-size:12px;color:#777281}
.task-preview-placeholder .creation-status{justify-content:center;flex-direction:column;line-height:1.6}
.task-preview-placeholder:not(.is-terminal):not(.is-reconnecting) .creation-status::before{content:'';display:block;width:22px;height:22px;border:2px solid #e1dcf6;border-top-color:#8a75d8;border-radius:50%;animation:task-preview-spin 1s linear infinite}
.task-preview-placeholder.is-terminal{background:#fcf7f6;border-color:#eedfdc;color:#92584e}
.task-preview-placeholder.is-terminal .creation-status::before,.task-preview-placeholder.is-reconnecting .creation-status::before{display:none!important}
.task-preview-placeholder .task-elapsed{font-size:12px;font-weight:400}
@keyframes task-preview-spin{to{transform:rotate(360deg)}}
.task-status-details { color:#85808c; font-size:12px; line-height:1.7; max-width:100%; }
.task-status-details summary { cursor:pointer; width:fit-content; }
.task-status-details p { margin:8px 0 0; overflow-wrap:anywhere; }
.task-message-actions { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-start; }
.task-message-actions button { min-height:36px; width:auto; white-space:nowrap; }
.task-failure-detail { font-size:14px; line-height:1.75; border:1px solid #eee7df; background:#fcfaf7; color:#756555; }
.creative-brief::before { display:none!important; }
.inline-plan-hint { color:#77717e; font-size:14px; }
.chat-message.chat-assistant { line-height:1.85; }
.chat-assistant>p { margin:0 0 12px; }
.chat-assistant h2,.chat-assistant h3 { margin:22px 0 10px; }
.chat-assistant .chat-answer-heading { margin:20px 0 7px; color:#171820; font-weight:750; }
.chat-assistant .chat-answer-keyline { margin:5px 0; color:#2b2c33; }
.chat-assistant .chat-answer-keyline>strong { color:#111218; font-weight:750; }
.chat-assistant .chat-answer-callout { margin:16px 0 8px; color:#171820; font-weight:720; }
.chat-task-entry .task-results { width:min(100%,640px); }
.creation-result .ai-result-meta { display:block; margin-top:10px; }
@media(max-width:760px){.creation-pending{min-height:110px;padding:14px 0}.creative-brief{font-size:15px}.task-status-details{font-size:12px}.task-message-actions button{min-height:40px}}
@media(prefers-reduced-motion:reduce){.creation-status::before,.chat-delivery::before{animation:none!important}}
.creative-options{border-top:1px solid #f1f2f5;padding:0 4px}.creative-options>summary{cursor:pointer;color:#626978;font-size:13px;padding:10px 12px;list-style-position:inside}.creative-options>summary small{font-size:12px;color:#7c8492;margin-left:8px}.creative-options[open]>summary{padding-bottom:2px}.creative-options .image-options,.creative-options .video-options{padding-top:8px;padding-bottom:12px}