.club-connected #attach-image{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:0;border-radius:50%;background:transparent;color:var(--room-ink,#1d1d1f);opacity:.64}
.club-connected #attach-image:hover:not(:disabled){opacity:1;background:rgb(29 29 31 / .07)}
#attach-image svg{width:20px;height:20px}
#image-draft{display:flex;gap:8px;padding:4px 0 10px;flex-wrap:wrap}
.image-draft-item{position:relative;width:68px;height:68px;border-radius:9px;background:rgb(29 29 31 / .05)}
.image-draft-item>img{width:100%;height:100%;border-radius:inherit;object-fit:cover}
.image-remove{position:absolute;right:-5px;top:-5px;display:grid;place-items:center;width:22px;height:22px;padding:0;border:2px solid #fffaf0;border-radius:50%;background:#1d1d1f;color:#fffaf0;font-size:17px;line-height:1}
.image-loading{position:absolute;inset:23px;border:2px solid #fffaf090;border-top-color:#fffaf0;border-radius:50%;animation:club-image-spin .8s linear infinite}
.image-draft-item[data-status=loading]>img{opacity:.48}
.image-retry{position:absolute;inset:22px 5px auto;padding:4px;background:#fffaf0e8;border-radius:5px;font-size:11px}
.message-images{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;max-width:238px;margin-top:7px}
.message-images:not([data-count="1"]){grid-template-columns:repeat(2,minmax(0,1fr))}
.message-image{display:block;position:relative;max-width:100%;max-height:220px;min-height:36px;overflow:hidden;border-radius:10px;padding:0;background:rgb(29 29 31 / .035);line-height:0}
.message-image img{display:block;width:100%;height:100%;max-height:220px;object-fit:contain;transition:opacity .2s}
.message-images:not([data-count="1"]) .message-image{aspect-ratio:1!important}
.message-images:not([data-count="1"]) img{object-fit:cover}
.message-image:hover img{opacity:.9}
.message-own .message-images{margin-left:auto}
.image-unavailable{padding:24px 12px;font-size:12px;line-height:1.4}
.photo-dialog{width:fit-content!important;max-width:calc(100vw - 32px)!important}
.club-photo-viewer img{display:block;max-width:min(calc(100vw - 84px),1100px);max-height:min(75dvh,calc(85dvh - 104px));width:auto;height:auto;object-fit:contain;border-radius:8px}
@keyframes club-image-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.image-loading{animation:none}}