/* Shared image preview: long screenshots scroll at a readable width. */
.lightbox{z-index:10020!important}
.lightbox[data-scrollable]{padding:64px clamp(16px,6vw,88px) 86px!important;cursor:default}
.lightbox[data-scrollable] .lightbox__stage{
  display:block!important;overflow-x:hidden!important;overflow-y:auto!important;
  width:100%;height:100%;max-width:1320px;max-height:100%;margin-inline:auto;
  min-height:0;min-width:0;touch-action:pan-y!important;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges;
  scrollbar-width:thin;scrollbar-color:#a5a5a5 #161616;border-radius:12px;cursor:auto;
}
.lightbox[data-scrollable] .lightbox__img[data-scroll-active]{
  display:block!important;position:relative!important;grid-area:auto!important;
  width:min(100%,var(--scroll-image-width,1200px))!important;height:auto!important;
  max-width:100%!important;max-height:none!important;min-height:0!important;
  margin:0 auto!important;object-fit:contain;transform:none!important;
  cursor:auto!important;touch-action:pan-y!important;box-shadow:none;
}
.lightbox[data-scrollable] .lightbox__img:not([data-scroll-active]){
  position:absolute!important;visibility:hidden!important;pointer-events:none!important;
}
.lightbox[data-scrollable] .lightbox__img:focus-visible{outline:2px solid white;outline-offset:-3px}
html[data-lightbox] .vinz-preview-float{visibility:hidden!important;pointer-events:none!important}
@media(max-width:600px){
  .lightbox[data-scrollable]{padding:64px 12px 78px!important}
  .lightbox[data-scrollable] .lightbox__stage{border-radius:8px}
}