.chat-image-tools { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.chat-image-tools span { color:#526579; font-size:12px; }
.chat-image-add,.chat-image-draft button,.chat-image-viewer button { font:inherit; font-size:13px; min-height:36px; padding:6px 12px; border:1px solid #bfd5e4; border-radius:8px; background:#f5faff; color:#185d91; cursor:pointer; }
.chat-image-add:disabled,.chat-image-draft button:disabled { opacity:.6; cursor:wait; }
.chat-image-draft { display:flex; align-items:center; gap:10px; }
.chat-image-draft:not(:empty) { margin-top:6px; }
.chat-image-draft img { width:72px; height:56px; object-fit:contain; background:#f4f7fa; border:1px solid #d8e4ed; border-radius:6px; }
.chat-image-status { color:#a62b25; font-size:12px; }
.chat-image-view { display:block; width:240px; max-width:100%; min-height:48px; padding:0; margin:6px 0; border:1px solid #bfd5e4; border-radius:8px; overflow:hidden; background:#edf4f9; color:#185d91; cursor:zoom-in; font:inherit; font-size:13px; }
.chat-image-view { height:180px; }
.chat-image-view img { display:block; width:100%; height:100%; object-fit:contain; }
.chat-image-view:focus-visible,.chat-image-add:focus-visible,.chat-image-draft button:focus-visible { outline:2px solid #185d91; outline-offset:2px; }
.chat-image-viewer { max-width:94vw; max-height:94dvh; padding:12px; border:1px solid #bfd5e4; border-radius:12px; background:#fff; }
.chat-image-viewer::backdrop { background:rgba(16,28,42,.75); }
.chat-image-viewer button { display:block; margin:0 0 10px auto; }
.chat-image-viewer img { display:block; max-width:88vw; max-height:78dvh; object-fit:contain; }
.chat-image-privacy { font-size:11px; color:#526579; line-height:1.4; }
@media(max-width:760px) { .chat-image-add,.chat-image-draft button,.chat-image-viewer button { min-height:44px; } .chat-image-tools span { flex:1; min-width:100px; } }