.viewer{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);overscroll-behavior:contain}.viewer:focus{outline:none}.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px}.viewer-count{font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.04em}.viewer-tools{display:flex;gap:8px}.viewer-btn,.viewer-nav{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid color-mix(in srgb,var(--ink) 38%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bg) 70%,transparent);color:var(--ink)}.viewer-btn svg,.viewer-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.viewer-btn:hover:not([aria-disabled=true]),.viewer-nav:hover{border-color:var(--ink)}.viewer-btn[aria-disabled=true]{opacity:.4;cursor:default}.viewer :focus-visible{outline:2px solid var(--ink);outline-offset:2px}.viewer-stage{position:relative;flex:1 1;min-height:0;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:zoom-in}.viewer-stage.is-zoomed{cursor:-webkit-grab;cursor:grab}.viewer-stage.is-zoomed:active{cursor:-webkit-grabbing;cursor:grabbing}.viewer-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:center;will-change:transform;pointer-events:none}.viewer-img.is-animating{transition:transform .25s ease}.viewer-nav{position:absolute;top:50%;z-index:1;transform:translateY(-50%)}.viewer-prev{left:14px}.viewer-next{right:14px}.viewer-thumbs{display:flex;justify-content:center;gap:8px;padding:10px 14px 16px;overflow-x:auto;scrollbar-width:none}.viewer-thumbs::-webkit-scrollbar{display:none}.viewer-thumb{flex:0 0 56px;height:56px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:8px;background:var(--bg-2);opacity:.7}.viewer-thumb[aria-current=true]{border-color:var(--accent);opacity:1}.viewer-thumb img{width:100%;height:100%;object-fit:cover}@media (max-width:640px){.viewer-bar{padding:8px 10px}.viewer-prev{left:8px}.viewer-next{right:8px}}@media (prefers-reduced-motion:reduce){.viewer-img.is-animating{transition:none}}.viewer-missing{position:absolute;inset:0;display:grid;place-items:center;font-size:15px;color:color-mix(in srgb,var(--ink) 80%,transparent)}