.photo-viewer{width:min(1200px,96vw);max-width:96vw;height:90dvh;max-height:94dvh;padding:16px;border:0;border-radius:14px;background:#171614;color:#fff;box-shadow:0 20px 80px #0008}.photo-viewer::backdrop{background:#000d}.viewer-bar{display:flex;justify-content:space-between;align-items:center;height:48px}.photo-viewer button{width:48px;height:48px;border:1px solid #ffffff40;border-radius:50%;background:#ffffff18;color:white;cursor:pointer;font-size:23px}@media(hover:hover){.photo-viewer button:hover{background:#ffffff35}}.viewer-stage{display:flex;align-items:center;justify-content:space-between;gap:12px;height:calc(100% - 48px)}.viewer-stage img{min-width:0;max-width:calc(100% - 120px);width:100%;height:100%;object-fit:contain}.viewer-stage button{flex-shrink:0}.viewer-stage button[hidden]{display:none}.viewer-stage:has(button[hidden]) img{max-width:100%}[data-gallery-index]{cursor:zoom-in}@media(max-width:600px){.photo-viewer{padding:8px;height:86dvh}.viewer-stage{gap:4px}.viewer-stage button{width:36px;height:44px;font-size:18px}.viewer-stage img{max-width:calc(100% - 80px)}}

.photo-viewer{overscroll-behavior:contain;border:1px solid transparent}.photo-viewer button{transition:background-color 150ms ease-out;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.photo-viewer button:focus-visible{outline:2px solid white;outline-offset:3px}@media(prefers-reduced-motion:no-preference){.photo-viewer button{transition:background-color 150ms ease-out,scale 150ms ease-out}.photo-viewer button:not(:disabled):active{scale:.96}}