/* Chat alignment is scoped to the chat view and uses the workspace grey theme. */
body .chat-view .messages{max-width:1120px;gap:28px;padding:30px 0 24px}
body .chat-view .message{width:fit-content;max-width:100%;gap:12px;align-items:flex-start}
body .chat-view .chat-message--assistant{align-self:flex-start;width:100%;padding-right:6%}
body .chat-view .chat-message--user{align-self:flex-end;flex-direction:row-reverse;max-width:min(88%,900px)}
body .chat-view .message-avatar{width:60px;height:60px;border:1px solid #505050;border-radius:50%;overflow:hidden;position:relative;background:#363636;color:#eee;font-size:25px;font-weight:600;flex:none}
body .chat-view .message.user .message-avatar{width:54px;height:54px;border-radius:50%;background:#3c3c3c;color:#eee;font-size:21px}
body .chat-view .message-avatar-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
body .chat-view .message-avatar-fallback{display:grid;width:100%;height:100%;place-items:center}
body .chat-view .message-main{flex:0 1 auto;min-width:0;max-width:calc(100% - 72px)}
body .chat-view .message.user .message-main{max-width:calc(100% - 66px)}
body .chat-view .chat-message--assistant .message-main{width:min(100%,900px)}
body .chat-view .message-heading{font-size:12px;color:#adadad;margin:0 0 8px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}
body .chat-view .message.user .message-heading{text-align:right}
body .chat-view .message-text{max-width:80ch;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;font-size:15px;line-height:1.9;color:#e4e4e4;tab-size:2}
body .chat-view .message.user .message-text{display:block;background:#353535;border:1px solid #4b4b4b;border-radius:20px 5px 20px 20px;padding:13px 18px;color:#f3f3f3;text-align:left}
body .chat-view .message-copy{font-size:12px;padding:8px 0;color:#a6a6a6}
body .chat-view .message-copy:hover{color:#fff}
body .chat-view .message-copy .icon{width:13px;height:13px}
body .chat-view .message-note{font-size:12px;color:#c4ae8c;line-height:1.7;margin:8px 0}
body .chat-view .message-stream-state{font-size:12px;line-height:1.8;color:#aaa;margin-top:7px;display:flex;align-items:center;gap:8px}
body .chat-view .is-waiting .message-stream-state::before{content:'';width:6px;height:6px;border-radius:50%;background:#b0b0b0;animation:chat-waiting 1.3s ease-in-out infinite}
body .chat-view .stream-cursor::after{background:#c8c8c8;width:4px;height:16px}
body .chat-view .message [hidden]{display:none!important}
body .chat-view .composer-wrap{max-width:1120px}
@keyframes chat-waiting{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:780px){
  body .chat-view .messages{gap:23px}
  body .chat-view .chat-message--assistant{padding-right:0}
  body .chat-view .chat-message--user{max-width:94%}
  body .chat-view .message{gap:10px}
  body .chat-view .message-avatar{width:52px;height:52px;font-size:23px}
  body .chat-view .message.user .message-avatar{width:46px;height:46px;font-size:19px}
  body .chat-view .message-main{max-width:calc(100% - 62px)}
  body .chat-view .message.user .message-main{max-width:calc(100% - 56px)}
  body .chat-view .message-text{font-size:14px;line-height:1.85}
  body .chat-view .message.user .message-text{padding:11px 14px;border-radius:17px 4px 17px 17px}
}
@media(max-width:480px){
  body .chat-view .chat-message--user{max-width:100%}
  body .chat-view .messages{gap:21px}
  body .chat-view .message{gap:9px}
  body .chat-view .message-heading{font-size:11px;margin-bottom:6px}
  body .chat-view .message-avatar{width:48px;height:48px;font-size:21px}
  body .chat-view .message.user .message-avatar{width:42px;height:42px;font-size:18px}
  body .chat-view .message-main{max-width:calc(100% - 57px)}
  body .chat-view .message.user .message-main{max-width:calc(100% - 51px)}
  body .chat-view .message-stream-state,body .chat-view .message-copy,body .chat-view .message-note{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  body .chat-view .is-waiting .message-stream-state::before,body .chat-view .stream-cursor::after{animation:none}
}
body #chatInput::placeholder{color:#858585;opacity:1}