.image-lightbox__backdrop{position:fixed;inset:0;z-index:10001;display:flex;flex-direction:column;background:rgba(0,0,0,.5);touch-action:none;overscroll-behavior:contain}.image-lightbox__toolbar{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;padding:max(12px,env(safe-area-inset-top)) 16px 8px;color:#fff}.image-lightbox__counter{flex-shrink:0;margin:0;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:13px;font-weight:600;line-height:1.2;text-align:center}.image-lightbox__media{flex-direction:column;gap:12px;min-width:0;min-height:0;height:100%;overflow:hidden}.image-lightbox__close,.image-lightbox__media{display:flex;align-items:center;justify-content:center}.image-lightbox__close{width:40px;height:40px;border:none;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:22px;line-height:1;cursor:pointer}.image-lightbox__stage{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;column-gap:12px;padding:8px max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.image-lightbox__image-wrap{width:100%;flex:1;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:0;touch-action:none;overflow:hidden;cursor:grab}.image-lightbox__image-wrap:active{cursor:grabbing}.image-lightbox__track{display:flex;width:100%;height:100%;will-change:transform}.image-lightbox__track--animate{transition:transform .28s cubic-bezier(.22,1,.36,1)}.image-lightbox__slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-width:0}.image-lightbox__image-wrap--snap .image-lightbox__image,.image-lightbox__image-wrap--snap .image-lightbox__track{transition:transform .28s cubic-bezier(.22,1,.36,1)}.image-lightbox__image{max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;transform-origin:center center;will-change:transform}.image-lightbox__nav{position:static;transform:none;align-self:center;display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:none;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:28px;line-height:1;cursor:pointer}.image-lightbox__stage--solo{grid-template-columns:minmax(0,1fr)}.image-lightbox__nav:disabled{opacity:.25;cursor:default}@media (max-width:640px){.image-lightbox__stage{column-gap:8px;padding-left:8px;padding-right:8px}.image-lightbox__nav{width:36px;height:36px;font-size:24px}}