/* 이미지 팝업(x-ui.image-popup) — 작은 그림 단추와 큰 이미지 팝업(SSOT 11절). */
.image-popup { display: contents; }
.image-popup-thumb { padding: 0; font: inherit; color: inherit; cursor: zoom-in; }
.image-popup-dialog { --width: min(70rem, 100%); }
.image-popup-dialog::part(body) { padding: var(--wa-space-s); }
.image-popup-dialog img { display: block; max-inline-size: 100%; max-block-size: 80dvb; margin-inline: auto; object-fit: contain; border-radius: var(--wa-border-radius-m); }