/* Same photo dialog, same original roles; no second case UI. */
#image-dialog .viewer-products{padding:20px 20px 12px 0}
#image-dialog .viewer-product-list{gap:12px}
#image-dialog .sku-photo{display:flex;align-items:center;justify-content:center;min-height:112px;background:#faf9f7;position:relative}
#image-dialog .viewer-product-list .sku-photo img{display:block;width:100%;height:140px;object-fit:contain}
#image-dialog .sku-photo[data-state=loading]::after{content:'';position:absolute;width:16px;height:16px;border:1px solid #bbb;border-top-color:#191919;border-radius:50%;animation:sku-spin 1s linear infinite}
#image-dialog .sku-photo[data-state=ready]::after{display:none}
#image-dialog .sku-retry{font:inherit;font-size:12px;padding:6px;border:1px solid #dedbd5;background:white;color:#191919}
#image-dialog .sku-missing{font-size:12px;line-height:1.5;color:#64615d}
@keyframes sku-spin{to{transform:rotate(360deg)}}
@media(max-width:767px){#image-dialog[data-sku-context=true]>.viewer-products{max-height:190px;padding:8px 16px 10px}#image-dialog .sku-photo{min-height:80px}#image-dialog .viewer-product-list .sku-photo img{height:88px}}