.image-viewer.svelte-1cabxtb{border:1px solid var(--border);border-radius:var(--radius);background:#fff;width:min(1400px,100vw - 24px);max-width:calc(100vw - 24px);height:92dvh;max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:hidden}.image-viewer[open].svelte-1cabxtb{flex-direction:column;display:flex}.image-viewer.svelte-1cabxtb::backdrop{background:#000000a6}.viewer-toolbar.svelte-1cabxtb{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.viewer-zoom.svelte-1cabxtb{align-items:center;gap:8px;display:flex}.viewer-control.svelte-1cabxtb{border:1px solid var(--border);border-radius:var(--radius-control);min-width:36px;min-height:36px;color:var(--primary);background:#fff;justify-content:center;align-items:center;padding:6px 9px;font-size:13px;display:inline-flex}.viewer-control.svelte-1cabxtb:hover:not(:disabled){background:var(--soft);border-color:var(--primary)}.viewer-control.svelte-1cabxtb:disabled{opacity:.4;cursor:default}.viewer-control.svelte-1cabxtb svg:where(.svelte-1cabxtb){stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:20px;height:20px}.viewer-scale.svelte-1cabxtb{text-align:center;font-variant-numeric:tabular-nums;min-width:42px;font-size:13px}.viewer-viewport.svelte-1cabxtb{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.viewer-viewport.zoomed.svelte-1cabxtb{cursor:grab}.viewer-viewport.dragging.svelte-1cabxtb{cursor:grabbing}.viewer-canvas.svelte-1cabxtb{place-items:center;display:grid}.viewer-canvas.svelte-1cabxtb img:where(.svelte-1cabxtb){object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;min-width:0;height:100%;min-height:0;display:block}body:has(.image-viewer[open]){overflow:hidden}@media (width<=400px){.viewer-toolbar.svelte-1cabxtb{gap:6px;padding:8px}.viewer-zoom.svelte-1cabxtb{gap:5px}}