.lightbox{background:var(--overlay-dark);z-index:1000;touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:hidden}.lightbox.open{display:flex}.lightbox img{border-radius:var(--radius-md);transform-origin:50%;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform;backface-visibility:hidden;max-width:90%;max-height:90%;transition:transform .1s ease-out;transform:translateZ(0);box-shadow:0 0 50px #ffffff1a}.lightbox .close{min-width:48px;min-height:48px;color:var(--on-overlay);transition:opacity var(--transition-base);z-index:10;touch-action:auto;justify-content:center;align-items:center;font-size:3rem;font-weight:300;line-height:1;text-decoration:none;display:flex;position:absolute;top:16px;right:16px}.lightbox .close:hover{opacity:.7}.lightbox.zoomed .close{opacity:0;pointer-events:none;visibility:hidden}.lightbox .prev,.lightbox .next{box-sizing:border-box;min-width:48px;min-height:48px;color:var(--on-overlay);background:var(--overlay-button-bg);border-radius:var(--radius-sm);transition:background var(--transition-base), opacity var(--transition-base);-webkit-user-select:none;user-select:none;z-index:10;touch-action:auto;justify-content:center;align-items:center;padding:8px 1.5rem;font-size:3rem;text-decoration:none;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox.zoomed .prev,.lightbox.zoomed .next{opacity:0;pointer-events:none;visibility:hidden}.lightbox .prev{left:16px}.lightbox .next{right:16px}.lightbox .prev:hover,.lightbox .next:hover{background:var(--overlay-button-bg-hover)}.lightbox-counter{color:var(--on-overlay);font-family:var(--font-body);letter-spacing:.18em;opacity:.6;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;z-index:10;font-size:12px;font-weight:500;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.lightbox.zoomed .lightbox-counter{opacity:0}@media (pointer:coarse){.lightbox .prev,.lightbox .next{display:none}}
