body.image-lightbox-open{overflow:hidden}
.image-lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:16px;border:0;background:rgba(9,16,28,.96);color:#fff;box-sizing:border-box}
.image-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
.image-lightbox::backdrop{background:rgba(0,0,0,.8)}
.image-lightbox-toolbar,.image-lightbox-footer{display:flex;align-items:center;gap:12px}
.image-lightbox-counter{margin-right:auto;font-variant-numeric:tabular-nums}
.image-lightbox button{border:1px solid #ffffff66;background:#ffffff15;color:#fff;border-radius:10px;padding:10px 16px;min-height:44px;font:inherit;cursor:pointer}
.image-lightbox button:hover{background:#ffffff30}
.image-lightbox button:focus-visible{outline:3px solid #ffb56b;outline-offset:3px}
.image-lightbox button:disabled{opacity:.5;cursor:default}
.image-lightbox [hidden]{display:none!important}
.image-lightbox-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;overscroll-behavior:contain}
.image-lightbox-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px}
.image-lightbox-status{text-align:center;padding:16px}
.image-lightbox-caption{flex:1;min-width:0;margin:0;text-align:center;overflow-wrap:anywhere;max-height:15vh;overflow:auto}
.image-lightbox-zoomed .image-lightbox-stage{display:block}
.image-lightbox-zoomed .image-lightbox-stage img{max-width:none;max-height:none;display:block;margin:auto}
@media(max-width:576px){.image-lightbox{padding:10px;gap:8px}.image-lightbox button{padding:8px 12px}.image-lightbox-caption{font-size:14px}}
@media print{.image-lightbox{display:none!important}}