html.lightbox-open{overflow:hidden}
.lightbox{box-sizing:border-box;width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:2400px;max-height:none;margin:auto;padding:0;border:1px solid #42534e;border-radius:12px;background:#0d171b;color:#f3f4ed;box-shadow:0 28px 100px #0009}
.lightbox::backdrop{background:#02090be8;backdrop-filter:blur(8px)}
.lightbox[open]{display:flex;flex-direction:column}
.lightbox-toolbar,.lightbox-bottom{display:flex;align-items:center;gap:16px;flex:none;padding:12px 18px;background:#162329}
.lightbox-toolbar{border-bottom:1px solid #34444a}.lightbox-count{margin-right:auto;font-size:14px;color:#adc5cd}
.lightbox button{font:inherit;cursor:pointer;border:1px solid #4b6069;border-radius:6px;padding:9px 14px;min-height:44px;background:#1f333c;color:#fff}
.lightbox button:hover{background:#304a55}.lightbox button:focus-visible{outline:3px solid #ff9066;outline-offset:3px}
.lightbox button[hidden]{display:none}.lightbox button[aria-pressed=true]{border-color:#ff9066;color:#ffae8b}
.lightbox-stage{flex:1;min-height:0;min-width:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:12px}
.lightbox-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:0}
.lightbox-stage img[hidden]{display:none}.lightbox.is-zoomed .lightbox-stage{display:block}.lightbox.is-zoomed .lightbox-stage img{max-width:none;max-height:none;margin:auto}
.lightbox-caption{margin:0;flex:1;text-align:center;font-size:14px;line-height:1.5;color:#c2d4da}.lightbox-bottom{border-top:1px solid #34444a}
@media(max-width:600px){.lightbox{width:100vw;height:100dvh;border:0;border-radius:0}.lightbox-toolbar,.lightbox-bottom{padding:10px;gap:8px}.lightbox-count{font-size:12px}.lightbox button{padding:8px;font-size:12px}.lightbox-stage{padding:4px}.lightbox-caption{font-size:12px}}