.anna-chat {
  width:min(100%,760px); margin:24px auto; border:1px solid #e5e5e5; border-radius:18px;
  overflow:hidden; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.06);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
}
.anna-chat__header { display:flex; align-items:center; gap:12px; padding:16px 18px; border-bottom:1px solid #eee; background:#fafafa; }
.anna-chat__avatar { width:42px; height:42px; border-radius:50%; display:grid; place-items:center; font-weight:700; background:#222; color:#fff; flex:0 0 auto; }
.anna-chat__title { font-weight:700; font-size:17px; }
.anna-chat__subtitle { font-size:12px; color:#666; margin-top:2px; }
.anna-chat__messages { height:min(62vh,560px); min-height:380px; overflow-y:auto; padding:18px; background:#f7f7f8; }
.anna-chat__message { display:flex; margin:0 0 14px; }
.anna-chat__message--user { justify-content:flex-end; }
.anna-chat__message--assistant { justify-content:flex-start; }
.anna-chat__bubble { max-width:82%; padding:11px 14px; border-radius:16px; line-height:1.7; font-size:15px; word-break:break-word; overflow:hidden; }
.anna-chat__message--assistant .anna-chat__bubble { background:#fff; border:1px solid #e5e5e5; border-bottom-left-radius:6px; }
.anna-chat__message--user .anna-chat__bubble { background:#222; color:#fff; border-bottom-right-radius:6px; }
.anna-chat__bubble-image { display:block; width:min(320px,100%); max-height:320px; object-fit:contain; border-radius:10px; margin:0 0 9px; background:#fff; }
.anna-chat__bubble-text { min-width:0; }
.anna-chat__status { min-height:24px; padding:4px 18px 0; font-size:12px; color:#777; }
.anna-chat__form { display:block; padding:8px 14px 14px; background:#fff; }
.anna-chat__composer { display:flex; gap:10px; align-items:stretch; }
.anna-chat__input { flex:1; resize:none; min-height:48px; max-height:150px; border:1px solid #d6d6d6; border-radius:14px; padding:11px 13px; font:inherit; line-height:1.5; outline:none; min-width:0; }
.anna-chat__input:focus { border-color:#888; box-shadow:0 0 0 2px rgba(0,0,0,.05); }
.anna-chat__attach { width:48px; min-width:48px; border:1px solid #d6d6d6; border-radius:14px; display:grid; place-items:center; background:#fff; color:#222; font-size:26px; line-height:1; font-weight:400; cursor:pointer; user-select:none; }
.anna-chat__attach:hover { background:#f5f5f5; }
.anna-chat__attach:has(input:disabled) { opacity:.45; cursor:wait; }
.anna-chat__send { align-self:stretch; min-width:74px; border:0; border-radius:14px; background:#222; color:#fff; font-weight:700; cursor:pointer; }
.anna-chat__send:disabled { opacity:.45; cursor:wait; }
.anna-chat__image-preview { display:flex; align-items:center; gap:12px; padding:10px; margin:0 0 9px; border:1px solid #e1e1e1; border-radius:12px; background:#fafafa; }
.anna-chat__image-preview[hidden] { display:none; }
.anna-chat__image-preview img { width:76px; height:76px; object-fit:cover; border-radius:10px; background:#fff; border:1px solid #eee; }
.anna-chat__image-meta { display:flex; flex:1; min-width:0; align-items:center; justify-content:space-between; gap:10px; font-size:12px; color:#666; }
.anna-chat__image-meta span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.anna-chat__image-remove { border:0; background:transparent; color:#555; text-decoration:underline; cursor:pointer; white-space:nowrap; padding:5px; }
.anna-chat__image-remove:disabled { opacity:.45; cursor:wait; }
.anna-chat__image-hint { padding:7px 4px 0; color:#888; font-size:11px; }
.anna-chat__note { padding:0 16px 14px; text-align:center; color:#888; font-size:11px; line-height:1.6; }
@media (max-width:600px) {
  .anna-chat { margin:12px 0; border-radius:14px; }
  .anna-chat__messages { min-height:55vh; height:55vh; padding:14px 10px; }
  .anna-chat__bubble { max-width:88%; font-size:14px; }
  .anna-chat__form { padding:8px 10px 10px; }
  .anna-chat__composer { gap:7px; }
  .anna-chat__attach { width:44px; min-width:44px; border-radius:12px; }
  .anna-chat__send { min-width:62px; border-radius:12px; }
  .anna-chat__image-preview img { width:64px; height:64px; }
  .anna-chat__image-meta { align-items:flex-start; flex-direction:column; gap:2px; }
}
.anna-chat .screen-reader-text {
  position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important;
  overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important;
}
.anna-chat__generate { display:block; margin-top:12px; border:1px solid #d8d8d8; border-radius:999px; padding:9px 14px; background:#fff; color:#222; font:inherit; font-size:13px; font-weight:700; cursor:pointer; }
.anna-chat__generate:hover { background:#f3f3f3; }
.anna-chat__generate:disabled { opacity:.55; cursor:wait; }
.anna-chat__message--user .anna-chat__generate { color:#222; }