.creator-conversation { width: 100%; min-width: 0; margin: 20px 0; }
.creator-conversation label { display: grid; gap: 8px; }
.creator-conversation textarea { width: 100%; box-sizing: border-box; min-height: 88px; resize: vertical; }
.creator-chat-history { max-height: 320px; overflow: auto; overflow-wrap: anywhere; }
.creator-chat-history p { white-space: pre-wrap; font-size: 14px; line-height: 1.7; margin: 12px 0; }
.creator-conversation progress { display: block; width: 100%; height: 4px; margin: 12px 0; }
.creator-conversation [hidden] { display: none !important; }
.creator-conversation > button { margin: 8px 8px 0 0; width: auto; min-width: 88px; }
.creator-chat-output { text-align: left; overflow-wrap: anywhere; max-width: 100%; }
.creator-chat-output p { white-space: pre-wrap; line-height: 1.8; }
.creator-chat-output a { display: inline-block; margin: 8px; }
.creator-chat-output button { margin: 8px 8px 0 0; }
.creator-chat-output article { max-width: 680px; }
.creator-chat-output img { max-height: 480px; object-fit: contain; }
.creator-form-mode > summary { cursor: pointer; padding: 12px 0; font-size: 14px; }