.image-pane.svelte-geoysn{position:relative}.image-pane-scroll.svelte-geoysn{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;overflow:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;border:1px solid var(--border-edge);box-shadow:var(--inset-shadow),var(--inset-highlight)}.image-pane-scroll.svelte-geoysn:before,.image-pane-scroll.svelte-geoysn:after{content:"";margin:auto}.thumbnail.svelte-geoysn{height:15em;max-width:calc(100% - 10px);flex:none;margin:5px;padding:0;background:none;border:none;border-radius:2px;box-shadow:0 1px 4px #0000004d;cursor:zoom-in;scroll-snap-align:center}.thumbnail.svelte-geoysn img:where(.svelte-geoysn){display:block;width:auto;height:100%;max-width:100%;object-fit:contain;border-radius:inherit}.thumbnail.svelte-geoysn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.prev.svelte-geoysn,.next.svelte-geoysn{cursor:pointer;color:var(--text-primary);background-color:var(--bg-surface);border:none;box-shadow:var(--panel-shadow),var(--btn-highlight),var(--btn-depth)}.prev.svelte-geoysn,.next.svelte-geoysn{position:absolute;top:50%;z-index:1;margin-top:-22px;padding:8px;font-size:18px;font-weight:700;border:none;border-radius:0 3px 3px 0;-webkit-user-select:none;user-select:none}.next.svelte-geoysn{right:0;border-radius:3px 0 0 3px}.prev.svelte-geoysn:hover,.next.svelte-geoysn:hover,.prev.svelte-geoysn:focus-visible,.next.svelte-geoysn:focus-visible{color:#fff;background-color:var(--accent);box-shadow:var(--btn-hover-shadow);outline:none}.viewer.svelte-geoysn{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;overflow:hidden;color:var(--text-primary);background:var(--bg-surface-raised);border:0}.viewer-shell.svelte-geoysn{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;height:100%}.viewer-header.svelte-geoysn{display:flex;align-items:center;gap:1em;padding:8px 12px;background:var(--nav-bg);border-bottom:1px solid var(--border-edge);box-shadow:var(--btn-depth)}.counter.svelte-geoysn{margin:0;color:var(--text-secondary);font-variant-numeric:tabular-nums}.viewer-actions.svelte-geoysn{display:flex;gap:6px;margin-left:auto}.viewer-action.svelte-geoysn{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;font:inherit;color:var(--nav-text);background:var(--nav-bg);border:1px solid var(--border-edge);box-shadow:var(--btn-highlight),var(--btn-depth);cursor:pointer;text-decoration:none}.viewer-action.svelte-geoysn:hover,.viewer-action.svelte-geoysn:focus-visible{color:var(--accent);background:var(--nav-bg-hover);box-shadow:var(--btn-hover-shadow);outline:none;text-decoration:none}.viewer-stage.svelte-geoysn{position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;padding:10px 56px;background:var(--bg-surface-inset);touch-action:pan-y pinch-zoom}.viewer-stage.single.svelte-geoysn{padding-inline:10px}.viewer-image-frame.svelte-geoysn{display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;pointer-events:none;z-index:1}.viewer-image.svelte-geoysn{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 1px 4px #0000004d;-webkit-user-select:none;user-select:none;pointer-events:auto}.viewer-peek.svelte-geoysn{position:absolute;top:50%;width:clamp(36px,5vw,64px);height:min(70%,34rem);transform:translateY(-50%);overflow:hidden;opacity:.45;box-shadow:0 1px 4px #0000004d}.viewer-peek-prev.svelte-geoysn{left:0}.viewer-peek-next.svelte-geoysn{right:0}.viewer-peek.svelte-geoysn img:where(.svelte-geoysn){display:block;width:100%;height:100%;object-fit:cover}.viewer-peek-prev.svelte-geoysn img:where(.svelte-geoysn){object-position:right center}.viewer-peek-next.svelte-geoysn img:where(.svelte-geoysn){object-position:left center}.viewer-nav.svelte-geoysn{position:absolute;top:50%;z-index:2;width:42px;height:54px;padding:0;transform:translateY(-50%);color:var(--text-primary);background-color:var(--bg-surface);border:none;box-shadow:var(--panel-shadow),var(--btn-highlight),var(--btn-depth);cursor:pointer;font-size:20px;font-weight:700}.viewer-prev.svelte-geoysn{left:8px;border-radius:0 3px 3px 0}.viewer-next.svelte-geoysn{right:8px;border-radius:3px 0 0 3px}.viewer-nav.svelte-geoysn:hover,.viewer-nav.svelte-geoysn:focus-visible{color:#fff;background-color:var(--accent);box-shadow:var(--btn-hover-shadow);outline:none}.viewer-stage.slide-left.svelte-geoysn .viewer-image-frame:where(.svelte-geoysn),.viewer-stage.slide-left.svelte-geoysn .viewer-peek:where(.svelte-geoysn),.viewer-stage.slide-right.svelte-geoysn .viewer-image-frame:where(.svelte-geoysn),.viewer-stage.slide-right.svelte-geoysn .viewer-peek:where(.svelte-geoysn){animation-duration:.14s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}.viewer-stage.slide-left.svelte-geoysn .viewer-image-frame:where(.svelte-geoysn),.viewer-stage.slide-left.svelte-geoysn .viewer-peek:where(.svelte-geoysn){animation-name:svelte-geoysn-slide-from-left}.viewer-stage.slide-right.svelte-geoysn .viewer-image-frame:where(.svelte-geoysn),.viewer-stage.slide-right.svelte-geoysn .viewer-peek:where(.svelte-geoysn){animation-name:svelte-geoysn-slide-from-right}@keyframes svelte-geoysn-slide-from-left{0%{translate:-28px 0}}@keyframes svelte-geoysn-slide-from-right{0%{translate:28px 0}}.viewer-caption.svelte-geoysn{margin:0;padding:.65em 1em;color:var(--text-secondary);text-align:center;background:var(--bg-surface-inset);border-top:1px solid var(--border-edge)}@media(max-width:600px){.viewer-stage.svelte-geoysn{padding:6px 42px}.viewer-peek.svelte-geoysn{width:36px}.viewer-prev.svelte-geoysn{left:0}.viewer-next.svelte-geoysn{right:0}.viewer-header.svelte-geoysn{gap:.75em;padding:6px 8px}.viewer-action.svelte-geoysn{padding:4px 7px}}@media(prefers-reduced-motion:reduce){.viewer-stage.slide-left.svelte-geoysn .viewer-image-frame:where(.svelte-geoysn),.viewer-stage.slide-left.svelte-geoysn .viewer-peek:where(.svelte-geoysn),.viewer-stage.slide-right.svelte-geoysn .viewer-image-frame:where(.svelte-geoysn),.viewer-stage.slide-right.svelte-geoysn .viewer-peek:where(.svelte-geoysn){animation:none}}
