/* The public gallery is managed from the dashboard, so it must lay out at any photo count. */
.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-template-rows:none;grid-auto-rows:168px}
.gallery-grid>button{width:100%;height:100%;padding:0;border:0;border-radius:0;background:none;cursor:zoom-in;overflow:hidden}
.gallery-grid>button>img{display:block;width:100%;height:100%;object-fit:cover}
.gallery-grid>button:first-child{grid-column:span 2;grid-row:span 2}
@media (max-width:700px){.gallery-grid{grid-auto-rows:148px}}

.gallery-grid.gallery-empty{display:block!important}
.gallery-note{margin:0;padding:22px;border:1px dashed #bfd0dd;border-radius:14px;color:var(--muted);font-size:.9rem}