body.viewer-open{overflow:hidden}.viewer{position:fixed;z-index:80;inset:0;display:grid;color:var(--color-white);background:var(--color-gallery-canvas);grid-template-rows:auto minmax(0,1fr) auto}.viewer[hidden]{display:none}.viewer__top,.viewer__bottom{display:flex;padding:var(--space-3) var(--gutter);align-items:center;justify-content:space-between;gap:var(--space-3)}.viewer__top{border-bottom:1px solid var(--color-on-dark-divider)}.viewer__bottom{border-top:1px solid var(--color-on-dark-divider)}.viewer__counter{font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase}.viewer__close,.viewer__nav{padding:var(--space-2) var(--space-3);cursor:pointer;color:inherit;background:transparent;border:1px solid var(--color-on-dark-control)}.viewer__close:focus-visible,.viewer__nav:focus-visible{outline:2px solid var(--color-white);outline-offset:3px}.viewer__stage{display:flex;min-width:0;min-height:0;padding:var(--space-3);align-items:center;justify-content:center;touch-action:pan-y}.viewer__image{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}.viewer__bottom span{color:var(--color-on-dark-muted);font-size:var(--text-xs)}
@media(max-width:767px){.viewer__top,.viewer__bottom{padding-right:var(--space-3);padding-left:var(--space-3)}.viewer__bottom span{display:none}.viewer__stage{padding:var(--space-2)}}