.image-dialog{width:min(1280px,96vw);max-width:96vw;height:min(940px,94dvh);max-height:94dvh;padding:20px;overflow:hidden;border:1px solid #777;background:#242424;color:#f3f3ef}
.image-dialog[open]{display:flex;flex-direction:column;gap:14px}
.lightbox-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;min-width:0}
.lightbox-heading>div{min-width:0}
.lightbox-heading .eyebrow{font-size:10px;color:#cececa;margin:0 0 5px}
.lightbox-heading h2{font-size:23px;font-weight:600;line-height:1.2;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}
.image-dialog .close-dialog{flex-shrink:0;min-height:38px;padding:7px 12px;border-color:#92928e;font-size:12px;white-space:nowrap}
.lightbox-carousel{display:flex;flex-direction:column;flex:1;min-height:0}
.lightbox-carousel .gallery-toolbar{flex-shrink:0;margin:0 0 10px;gap:14px;min-width:0}
.lightbox-carousel .carousel-thumbnails{gap:6px;padding:3px 1px;scrollbar-color:#888 #242424}
.lightbox-carousel .carousel-thumbnails>button{flex:0 0 66px;height:50px;padding:2px;border:2px solid transparent}
.lightbox-carousel .carousel-thumbnails>button[aria-pressed="true"],.lightbox-carousel .carousel-thumbnails>button:hover{border-color:#f3f3ef}
.lightbox-carousel .carousel-thumbnails img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.lightbox-carousel .carousel-position{font-size:12px;min-width:46px}
.lightbox-carousel .carousel-frame{flex:1;min-height:0;background:#151515}
.lightbox-carousel .carousel-viewport{width:100%;height:100%;aspect-ratio:auto}
.lightbox-carousel .carousel-slide{height:100%}
.image-dialog .image-stage{display:flex;width:100%;height:100%;overflow:hidden;background:#151515;overscroll-behavior:contain}
.image-dialog .image-stage img{display:block;flex:0 0 auto;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.lightbox-carousel[data-zoomed="true"] .carousel-viewport{overflow-x:hidden;cursor:auto}
.lightbox-carousel[data-zoomed="true"] .image-stage{overflow:auto;touch-action:pan-x pan-y;cursor:move}
.lightbox-carousel .carousel-controls .arrow{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lightbox-carousel .carousel-controls[hidden]{display:none}
.lightbox-caption{font-size:12px;line-height:1.5;margin:9px 0 0;flex-shrink:0;max-height:4.5em;overflow-y:auto;color:#deded9}
.image-dialog .image-tools{flex-shrink:0;display:flex;align-items:center;gap:7px;margin:10px 0 0}
.image-dialog .image-tools button{min-width:36px;min-height:36px;padding:6px 10px;border-color:#858581;background:#363634;font-size:12px}
.image-dialog .image-tools [data-zoom-in],.image-dialog .image-tools [data-zoom-out]{font-size:20px;line-height:1}
.image-dialog .image-tools>span{font-size:11px;min-width:112px;text-align:left;margin-left:4px}
.image-dialog .image-tools [data-zoom-reset]{margin-left:auto}
.image-dialog .image-original{font-size:11px;padding:9px 0 9px 8px;line-height:1.5;min-height:36px;white-space:nowrap}
.image-dialog :focus-visible{outline-color:#f3f3ef}
@media(max-width:760px){
 .image-dialog{padding:12px;height:96dvh;max-height:96dvh}
 .image-dialog[open]{gap:10px}
 .lightbox-heading{gap:12px}
 .lightbox-heading h2{font-size:18px}
 .lightbox-heading .eyebrow{font-size:9px;margin-bottom:4px}
 .image-dialog .close-dialog{min-height:40px;padding:7px 9px;font-size:11px}
 .lightbox-carousel .gallery-toolbar{gap:8px;margin-bottom:7px}
 .lightbox-carousel .carousel-thumbnails>button{flex-basis:58px;height:46px}
 .lightbox-carousel .carousel-position{font-size:11px;min-width:40px}
 .lightbox-caption{font-size:11px;margin-top:7px}
 .image-dialog .image-tools{display:grid;grid-template-columns:36px 36px minmax(0,1fr);gap:5px 7px;margin-top:8px}
 .image-dialog .image-tools>span{min-width:0;margin-left:2px;font-size:10px}
 .image-dialog .image-tools [data-zoom-reset]{grid-column:1/3;margin-left:0;font-size:10px;padding:6px 3px}
 .image-dialog .image-original{grid-column:3;justify-self:end;font-size:10px;padding-left:0}
}
@media(max-height:560px){
 .image-dialog{height:96dvh;max-height:96dvh;padding:10px 14px}
 .image-dialog[open]{gap:6px}
 .lightbox-heading .eyebrow{display:none}
 .lightbox-heading h2{font-size:17px}
 .image-dialog .close-dialog{min-height:32px;padding:5px 9px}
 .lightbox-carousel .gallery-toolbar{margin-bottom:5px}
 .lightbox-carousel .carousel-thumbnails>button{height:38px;flex-basis:52px}
 .lightbox-caption{margin-top:5px;max-height:3em;font-size:10px}
 .image-dialog .image-tools{margin-top:5px}
}