.preview-overlay[data-v-e3e7a4d1]{--preview-max-width: min( 90vw, calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 2rem) );--preview-max-height: min( 80vh, calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 8rem) );position:fixed;inset:0;z-index:var(--z-modal);width:100%;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:#000000e6;opacity:0;transition:opacity .2s ease;overscroll-behavior:contain;touch-action:pinch-zoom}.preview-overlay[data-v-e3e7a4d1]:focus{outline:none}.preview-visible[data-v-e3e7a4d1]{opacity:1}.preview-image-wrap[data-v-e3e7a4d1]{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-width:min(18rem,72vw);min-height:8rem;max-width:var(--preview-max-width);max-height:var(--preview-max-height)}.preview-loading[data-v-e3e7a4d1]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;color:#ffffff94;font-family:var(--font-serif);font-size:var(--type-label);line-height:1.6;pointer-events:none}.preview-image[data-v-e3e7a4d1]{width:auto;max-width:100%;height:auto;max-height:var(--preview-max-height);object-fit:contain;border-radius:0;opacity:0;transition:opacity .2s ease;user-select:none}.preview-image-loaded[data-v-e3e7a4d1]{opacity:1}.preview-error[data-v-e3e7a4d1]{display:flex;flex-direction:column;margin:0;align-items:center;justify-content:center;gap:.625rem;color:#ffffff94;font-family:var(--font-serif);font-size:var(--type-label);line-height:1.6;text-align:center}.preview-error p[data-v-e3e7a4d1]{margin:0}.preview-retry[data-v-e3e7a4d1]{min-width:44px;min-height:44px;padding:0 .875rem;border:1px solid rgba(255,255,255,.36);border-radius:var(--radius-surface);color:#ffffffb8;background:transparent;font:inherit;cursor:pointer}.preview-retry[data-v-e3e7a4d1]:hover{color:#fffffff0;border-color:#ffffff9e}.preview-nav[data-v-e3e7a4d1]{position:absolute;top:0;bottom:0;z-index:10;display:flex;align-items:center;width:100px;padding:0;border:0;color:#fff0;background:transparent;cursor:pointer;transition:color .2s ease}.preview-nav[data-v-e3e7a4d1]:hover,.preview-nav[data-v-e3e7a4d1]:focus-visible{color:#ffffffbf}.preview-nav[data-v-e3e7a4d1]:focus-visible{outline:none}.preview-nav:focus-visible svg[data-v-e3e7a4d1]{border-radius:50%;outline:2px solid rgba(255,255,255,.8);outline-offset:8px}.preview-close[data-v-e3e7a4d1]:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:-4px}.preview-nav-prev[data-v-e3e7a4d1]{left:env(safe-area-inset-left);justify-content:flex-start;padding-left:20px}.preview-nav-next[data-v-e3e7a4d1]{right:env(safe-area-inset-right);justify-content:flex-end;padding-right:20px}.preview-bottom[data-v-e3e7a4d1]{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 20px);left:50%;z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px;transform:translate(-50%);user-select:none}.preview-meta[data-v-e3e7a4d1]{display:flex;align-items:center;gap:.75rem}.preview-alt[data-v-e3e7a4d1]{color:#ffffffa6;font-family:var(--font-serif);font-size:var(--type-label);white-space:nowrap}.preview-date[data-v-e3e7a4d1],.preview-counter[data-v-e3e7a4d1]{color:#ffffff8c;font-size:var(--type-caption);font-variant-numeric:tabular-nums}.preview-counter[data-v-e3e7a4d1]{letter-spacing:.05em}.preview-close[data-v-e3e7a4d1]{position:absolute;top:calc(env(safe-area-inset-top) + 12px);right:calc(env(safe-area-inset-right) + 12px);z-index:10;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:#fff9;background:transparent;cursor:pointer;transition:color .15s ease}.preview-close[data-v-e3e7a4d1]:hover{color:#ffffffe6}@media(max-width:640px){.preview-overlay[data-v-e3e7a4d1]{--preview-max-height: min( 78vh, calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 7rem) )}.preview-nav[data-v-e3e7a4d1]{width:60px}.preview-alt[data-v-e3e7a4d1]{max-width:70vw;overflow:hidden;font-size:var(--type-meta);text-overflow:ellipsis}}@media(hover:none){.preview-nav[data-v-e3e7a4d1]{color:#ffffff8c}}@media(prefers-reduced-motion:reduce){.preview-overlay[data-v-e3e7a4d1],.preview-image[data-v-e3e7a4d1],.preview-nav[data-v-e3e7a4d1],.preview-close[data-v-e3e7a4d1]{transition:none}}