.lf-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:10px 0 32px;align-items:start}
.lf-gallery.is-masonry{grid-auto-rows:8px;gap:12px}
.lf-gallery .lf-gallery-item{display:block;overflow:hidden;margin:0;background:#f2f3f4;border-radius:3px;line-height:0;cursor:zoom-in;transition:box-shadow .15s}
.lf-gallery .lf-gallery-item:focus-visible{outline:3px solid #40679f;outline-offset:4px}
.lf-gallery .lf-gallery-item:hover{box-shadow:0 4px 16px #0002}
.lf-gallery .lf-gallery-item img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;margin:0;border:0}
.lf-lightbox{position:fixed;inset:0;margin:auto;padding:0;width:calc(100vw - 24px);height:calc(100dvh - 24px);max-width:1400px;max-height:100dvh;border:0;border-radius:6px;background:#13191ff5;color:white;overflow:hidden;box-shadow:0 0 50px #0009}
.lf-lightbox::backdrop{background:#000c}
.lf-lightbox-inner{height:100%;display:grid;grid-template-rows:52px minmax(0,1fr) 50px;gap:8px;padding:0 16px}
.lf-lightbox-head,.lf-lightbox-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lf-lightbox button{background:#ffffff15;color:white;border:1px solid #ffffff55;border-radius:4px;font:inherit;font-weight:400;min-width:42px;min-height:38px;cursor:pointer;padding:6px 12px}
.lf-lightbox button:focus-visible{outline:3px solid #8fb9ff;outline-offset:2px}
.lf-lightbox img{width:100%;height:100%;object-fit:contain;min-height:0;max-height:100%;margin:0}
.lf-lightbox a{color:#d7e6ff;font-size:13px}.lf-lightbox-count{font-weight:400;font-size:14px}
@media(max-width:650px){.lf-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.lf-lightbox-inner{padding:0 10px}}
@media(max-width:380px){.lf-gallery{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.lf-gallery .lf-gallery-item{transition:none}}