.image-preview-open{overflow:hidden}
#image-preview{width:min(1100px,calc(100% - 24px));max-width:none;max-height:calc(100% - 24px);border:0;border-radius:18px;padding:12px;background:#fff;color:#1d1d1f}
#image-preview::backdrop{background:#16181bdd}
#image-preview form{display:flex;justify-content:flex-end;margin:0 0 8px}
#image-preview button{min-height:44px;padding:0 16px;border:0;border-radius:999px;background:#eef5ff;color:#0058ae;font-weight:650;cursor:pointer}
#image-preview figure{margin:0}
#image-preview img{display:block;width:100%;height:min(74vh,780px);object-fit:contain;background:#f5f5f7;border-radius:10px}
#image-preview figcaption{padding:10px 4px 2px;color:#57575f;font-size:13px;line-height:1.5}
@media(max-width:600px){#image-preview{padding:9px}#image-preview img{height:auto;max-height:72vh}}