.image-viewer[data-v-44e2ee15]{--viewer-overlay-bg:color-mix(in srgb, var(--app-overlay) 92%, transparent);--viewer-mobile-bg:color-mix(in srgb, var(--app-overlay) 92%, var(--app-canvas) 8%);--viewer-floating-bg:color-mix(in srgb, var(--app-surface) 78%, transparent);--viewer-floating-bg-hover:color-mix(in srgb, var(--app-surface-sunken) 88%, transparent);--viewer-floating-bg-active:color-mix(in srgb, var(--app-border) 42%, var(--app-surface) 58%);--viewer-floating-border:color-mix(in srgb, var(--app-border) 82%, transparent);--viewer-floating-text:var(--text-primary);--viewer-state-bg:color-mix(in srgb, var(--app-surface) 86%, transparent);--viewer-state-border:color-mix(in srgb, var(--app-border) 86%, transparent);--viewer-state-text:var(--text-secondary);touch-action:manipulation}.image-viewer-desktop[data-v-44e2ee15]{background:var(--viewer-overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-viewer-mobile[data-v-44e2ee15]{background:var(--viewer-mobile-bg)}.viewer-floating-action[data-v-44e2ee15]{border-color:var(--viewer-floating-border);background:var(--viewer-floating-bg);color:var(--viewer-floating-text);box-shadow:var(--component-shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.viewer-floating-action[data-v-44e2ee15]:hover{border-color:var(--app-border-strong);background:var(--viewer-floating-bg-hover);color:var(--text-primary)}.viewer-floating-action[data-v-44e2ee15]:active{background:var(--viewer-floating-bg-active)}.desktop-viewer-topbar[data-v-44e2ee15]{z-index:20;pointer-events:none;justify-content:flex-end;align-items:center;padding:1rem 1.25rem;display:flex;position:fixed;top:0;bottom:auto;left:0;right:0}.desktop-image-stage[data-v-44e2ee15]{justify-content:center;align-items:center;padding:4.5rem 3rem 6.5rem;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.desktop-preview-image[data-v-44e2ee15]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:grab;border-radius:.625rem;max-width:none;max-height:none;transition:transform .12s}.desktop-preview-image.cursor-grabbing[data-v-44e2ee15]{transition:none}.desktop-viewer-toolbar[data-v-44e2ee15]{left:50%;bottom:max(1.25rem, env(safe-area-inset-bottom));z-index:20;border-radius:.875rem;align-items:center;gap:.375rem;padding:.375rem;display:flex;position:fixed;transform:translate(-50%)}.viewer-toolbar-surface[data-v-44e2ee15]{border:1px solid color-mix(in srgb, var(--app-border) 80%, transparent);background:color-mix(in srgb, var(--app-surface) 88%, transparent);color:var(--text-secondary);box-shadow:var(--component-shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.viewer-toolbar-divider[data-v-44e2ee15]{width:1px;height:1.375rem;margin:0 .125rem}.mobile-viewer-topbar[data-v-44e2ee15]{z-index:20;padding:max(.875rem, env(safe-area-inset-top)) .875rem 0;pointer-events:none;justify-content:flex-end;gap:.375rem;display:flex;position:fixed;top:0;bottom:auto;left:0;right:0}.mobile-viewer-topbar .viewer-icon-button[data-v-44e2ee15]{width:2.5rem;height:2.5rem}.mobile-image-stage[data-v-44e2ee15]{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;width:100vw;height:100svh;display:flex;overflow-x:hidden;overflow-y:auto}.mobile-preview-image[data-v-44e2ee15]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:transform;width:100vw;max-width:none;height:auto;transition:transform .18s cubic-bezier(.22,1,.36,1)}.mobile-preview-image-touching[data-v-44e2ee15]{transition:none}.mobile-preview-image-zoomed[data-v-44e2ee15]{touch-action:none}.viewer-state[data-v-44e2ee15]{z-index:30;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.viewer-state-text[data-v-44e2ee15]{border:1px solid var(--viewer-state-border);background:var(--viewer-state-bg);color:var(--viewer-state-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:.5rem .875rem;font-size:.875rem;line-height:1.25rem}.image-viewer-enter-active[data-v-44e2ee15],.image-viewer-leave-active[data-v-44e2ee15]{transition:opacity .18s}.image-viewer-enter-from[data-v-44e2ee15],.image-viewer-leave-to[data-v-44e2ee15]{opacity:0}.image-viewer-enter-active .desktop-preview-image[data-v-44e2ee15],.image-viewer-enter-active .desktop-viewer-toolbar[data-v-44e2ee15],.image-viewer-enter-active .desktop-viewer-topbar[data-v-44e2ee15]{transition:opacity .22s,transform .22s cubic-bezier(.22,1,.36,1)}.image-viewer-enter-from .desktop-preview-image[data-v-44e2ee15]{opacity:0;transform:scale(.985)}.image-viewer-enter-from .desktop-viewer-toolbar[data-v-44e2ee15]{opacity:0;transform:translate(-50%,.5rem)}.image-viewer-enter-from .desktop-viewer-topbar[data-v-44e2ee15]{opacity:0;transform:translateY(-.5rem)}.mobile-chrome-enter-active[data-v-44e2ee15],.mobile-chrome-leave-active[data-v-44e2ee15]{transition:opacity .16s,transform .16s}.mobile-chrome-enter-from[data-v-44e2ee15],.mobile-chrome-leave-to[data-v-44e2ee15]{opacity:0;transform:translateY(-.375rem)}@media (prefers-reduced-motion:reduce){.desktop-preview-image[data-v-44e2ee15],.viewer-icon-button[data-v-44e2ee15],.image-viewer-enter-active[data-v-44e2ee15],.image-viewer-leave-active[data-v-44e2ee15],.image-viewer-enter-active .desktop-preview-image[data-v-44e2ee15],.image-viewer-enter-active .desktop-viewer-toolbar[data-v-44e2ee15],.image-viewer-enter-active .desktop-viewer-topbar[data-v-44e2ee15],.mobile-chrome-enter-active[data-v-44e2ee15],.mobile-chrome-leave-active[data-v-44e2ee15]{transition:none}}
