.gallery-open{overflow:hidden}
.gallery-lightbox{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:20px;border:0;background:#10231ff5;color:#fff;box-sizing:border-box;overflow:hidden}
.gallery-lightbox::backdrop{background:#10231fef}
.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1500px;margin:0 auto;height:48px}
.gallery-lightbox button{border:1px solid #ffffff50;border-radius:12px;background:#ffffff14;color:#fff;cursor:pointer;font:inherit;min-width:48px;min-height:48px;padding:8px 16px}
.gallery-lightbox button:hover{background:#ffffff30}
.gallery-lightbox button:focus-visible{outline:3px solid #f8c239;outline-offset:3px}
.gallery-stage{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;grid-template-rows:minmax(0,1fr);align-items:center;gap:16px;max-width:1500px;margin:auto;height:calc(100% - 64px);min-height:0}
.gallery-stage figure{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:0;height:100%;margin:0;overflow:hidden}
.gallery-stage img{display:block;width:100%;height:calc(100% - 64px);min-height:0;object-fit:contain;touch-action:pan-y}
.gallery-stage figcaption{text-align:center;font-size:14px;line-height:1.4;max-height:48px;overflow:auto}
.gallery-stage button{font-size:36px;padding:0}
.gallery-lightbox [hidden]{display:none}
@media(max-width:600px){.gallery-lightbox{padding:12px}.gallery-stage{grid-template-columns:40px minmax(0,1fr) 40px;gap:5px}.gallery-stage button{min-width:40px;min-height:48px}.gallery-stage figcaption{font-size:12px}}