.image-preview[data-v-58f83c79]{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;padding:max(58px,calc(18px + env(safe-area-inset-top))) max(28px,calc(14px + env(safe-area-inset-right))) max(28px,calc(18px + env(safe-area-inset-bottom))) max(28px,calc(14px + env(safe-area-inset-left)));background:#0a0e14eb}.image-preview__close[data-v-58f83c79]{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:999px;background:#ffffff24;color:#fff;font-size:24px;cursor:pointer}.image-preview__stage[data-v-58f83c79]{position:relative;flex:1 1 auto;min-height:0}.image-preview__frame[data-v-58f83c79],.image-preview__stage[data-v-58f83c79]{display:flex;align-items:center;justify-content:center;width:100%}.image-preview__frame[data-v-58f83c79]{max-width:min(100%,1200px);height:100%;max-height:100%;overflow:auto;overscroll-behavior:contain}.image-preview__frame img[data-v-58f83c79]{display:block;width:auto;height:auto;max-width:100%;max-height:min(100%,calc(100vh - 160px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));margin:auto;border-radius:var(--radius-card);-o-object-fit:contain;object-fit:contain}.image-preview__nav[data-v-58f83c79]{position:absolute;top:50%;z-index:1;display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:999px;background:#ffffff29;color:#fff;font-size:30px;cursor:pointer;transform:translateY(-50%)}.image-preview__nav--prev[data-v-58f83c79]{left:0}.image-preview__nav--next[data-v-58f83c79]{right:0}.image-preview__meta[data-v-58f83c79]{display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:14px}.image-preview__meta span[data-v-58f83c79]{color:#ffffffb8}@media(max-width:640px){.image-preview[data-v-58f83c79]{gap:12px}.image-preview__close[data-v-58f83c79]{width:38px;height:38px;font-size:22px}.image-preview__nav[data-v-58f83c79]{width:38px;height:38px;font-size:26px}.image-preview__nav--prev[data-v-58f83c79]{left:4px}.image-preview__nav--next[data-v-58f83c79]{right:4px}.image-preview__frame img[data-v-58f83c79]{max-height:min(100%,calc(100vh - 132px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}}