.lightbox-photo-stage{touch-action:none;user-select:none;cursor:grab}
.lightbox-photo-stage:active{cursor:grabbing}
.lightbox #lightboxImage{top:50%;left:50%;transform:translate(-50%,-50%) translate(var(--view-x,0px),var(--view-y,0px)) rotate(var(--photo-rotation,0deg)) scale(var(--view-zoom,1));transition:none;pointer-events:none}
.photo-zoom-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;color:#fff}
.photo-zoom-controls button{min-width:44px;min-height:44px;border:1px solid #aa927a;border-radius:12px;background:#fff8ee;color:#402d22;font:700 16px system-ui;padding:8px 12px}
.photo-zoom-controls button:disabled{opacity:.5}
.photo-zoom-controls output{min-width:52px;text-align:center;font:600 14px system-ui}
@media(max-width:600px){.lightbox-figure{overflow-y:auto}.lightbox-photo-stage{min-height:140px;flex-shrink:1}}

.lightbox{height:100dvh}.lightbox-figure{height:100%;max-height:100%;overflow-y:auto}.lightbox-photo-stage{flex:1 1 0;min-height:140px}.lightbox-close{min-width:44px;min-height:44px}