.ask-message-images{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;white-space:normal}
.ask-message-image{display:block;max-width:100%;padding:0;border:1px solid var(--border-soft);border-radius:12px;overflow:hidden;background:var(--surface);color:var(--text);cursor:zoom-in}
.ask-message-image img{display:block;width:128px;max-width:100%;height:180px;object-fit:contain}
.ask-message-image:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.ask-image-viewer{position:fixed;inset:0;margin:auto;width:fit-content;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:12px;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text)}
.ask-image-viewer::backdrop{background:rgb(0 0 0 / .7)}
.ask-image-viewer>div{display:flex;flex-direction:column;align-items:center;gap:8px}
.ask-image-viewer button{align-self:flex-end;min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:50%;background:var(--surface-hi);color:var(--gold);font-size:24px;cursor:pointer}
.ask-image-viewer img{display:block;max-width:100%;max-height:calc(100dvh - 120px);object-fit:contain;border-radius:8px}

@media(max-width:600px){.ask-message-image img{width:96px;height:136px}}
@media(max-width:360px){.ask-message-image img{width:76px;height:108px}}