.image-lightbox{position:fixed;inset:0;z-index:600;background:rgba(0,0,0,.92);display:flex;flex-direction:column;animation:image-lightbox-fade-in .2s ease}@keyframes image-lightbox-fade-in{0%{opacity:0}to{opacity:1}}.image-lightbox-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);padding-top:max(var(--space-3),env(safe-area-inset-top));flex-shrink:0;z-index:2}.image-lightbox-counter{margin-right:auto;color:hsla(0,0%,100%,.85);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.image-lightbox-zoom-controls{display:flex;gap:var(--space-1)}.image-lightbox-btn{width:44px;height:44px;border:none;border-radius:var(--radius-full);background:hsla(0,0%,100%,.12);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.image-lightbox-btn:hover:not(:disabled){background:hsla(0,0%,100%,.22)}.image-lightbox-btn:disabled{opacity:.35;cursor:not-allowed}.image-lightbox-viewport{flex:1 1;min-height:0;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.image-lightbox-stage,.image-lightbox-viewport{display:flex;align-items:center;justify-content:center}.image-lightbox-stage{max-width:100%;max-height:100%;transform-origin:center center;transition:transform .05s linear;cursor:zoom-in}.image-lightbox-stage.is-zoomed{cursor:-webkit-grab;cursor:grab;transition:none}.image-lightbox-stage.is-zoomed:active{cursor:-webkit-grabbing;cursor:grabbing}.image-lightbox-img,.image-lightbox-img img,.image-lightbox-img picture{max-width:100vw;max-height:calc(100vh - 120px);width:auto;height:auto;object-fit:contain;pointer-events:none}.image-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;border-radius:var(--radius-full);background:hsla(0,0%,100%,.12);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background var(--transition-fast)}.image-lightbox-nav:hover{background:hsla(0,0%,100%,.22)}.image-lightbox-nav-prev{left:var(--space-3)}.image-lightbox-nav-next{right:var(--space-3)}.image-lightbox-hint{flex-shrink:0;text-align:center;color:hsla(0,0%,100%,.45);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-4);padding-bottom:max(var(--space-3),env(safe-area-inset-bottom));margin:0}@media (max-width:767px){.image-lightbox-nav{width:40px;height:40px}.image-lightbox-nav-prev{left:var(--space-2)}.image-lightbox-nav-next{right:var(--space-2)}.image-lightbox-hint{display:none}}