.gallery-album-list,.gallery-photo-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.gallery-cover,.gallery-photo{display:flex;flex-direction:column;gap:8px;padding:12px;background:#fff;color:#18202b;border:1px solid #d9dee7;border-radius:12px;text-decoration:none;text-align:left}.gallery-cover img,.gallery-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.gallery-photo:hover,.gallery-cover:hover{box-shadow:0 6px 24px #0002}.gallery-photo:focus-visible,.gallery-cover:focus-visible{outline:3px solid #1f5fae;outline-offset:3px}.gallery-lightbox{max-width:95vw;width:min(1000px,95vw);max-height:95vh;background:#111827;color:white;border:0;border-radius:12px;text-align:center;padding:18px}.gallery-lightbox::backdrop{background:#000c}.gallery-lightbox img{display:block;max-width:100%;width:auto;max-height:65vh;object-fit:contain;margin:12px auto}.gallery-lightbox button{min-height:44px;padding:10px 16px;margin:4px}.gallery-slideshow{position:relative;max-width:1000px;margin:20px auto}.gallery-slideshow [data-slide]{display:block;aspect-ratio:16/9;position:relative}.gallery-slideshow [data-slide][hidden]{display:none}.gallery-slideshow img{width:100%;height:100%;object-fit:contain;background:#18202b}.gallery-slideshow [data-slide] span{position:absolute;bottom:0;left:0;right:0;padding:12px;background:#0009;color:#fff}.gallery-slide-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:10px}.gallery-work-button{display:inline-block;padding:12px 18px;margin:12px 0;font-weight:800}.gallery-manager-photo{display:grid;grid-template-columns:160px 1fr;gap:18px;border-top:1px solid #ddd;padding:20px 0}.gallery-manager-photo img{width:160px;aspect-ratio:4/3;object-fit:cover}.gallery-toolbar{position:sticky;top:80px;z-index:30;background:white;border:1px solid #d9dee7;border-radius:12px;padding:12px;display:flex;gap:8px;flex-wrap:wrap}.gallery-manager input[type=checkbox],.gallery-manager input[type=radio]{width:auto}.gallery-manager label{display:block;margin:8px 0}.gallery-manager dialog{width:min(1100px,96vw);height:90vh;border:1px solid #ddd}.gallery-manager iframe{width:100%;height:85%;border:0}@media(max-width:600px){.gallery-manager-photo{grid-template-columns:1fr}.gallery-manager-photo img{width:100%;max-width:320px}.gallery-toolbar button{flex:1}.gallery-photo-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.gallery-slide-controls[hidden]{display:none}