.gallery-explorer{margin:20px 0 28px;padding:22px;border:1px solid #cdb99b;border-radius:8px;background:#efe2ce;min-width:0}.gallery-explorer>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.gallery-explorer h3{font:400 clamp(25px,3vw,33px)/1.15 var(--serif);letter-spacing:-.025em;margin:0}.gallery-explorer-reset,.gallery-explorer-empty button{min-height:44px;padding:9px 13px;border:1px solid #b99d79;border-radius:4px;background:#f8f0e3;color:#62472c;font:11px/1.5 var(--sans)}.gallery-explorer-fields{display:grid;grid-template-columns:minmax(180px,1.6fr) repeat(3,minmax(120px,1fr));gap:14px}.gallery-explorer-field{min-width:0}.gallery-explorer-field label{display:block;font:600 10px/1.7 var(--sans);margin-bottom:7px;color:#6e563b}.gallery-explorer-field input,.gallery-explorer-field select{display:block;width:100%;min-width:0;min-height:46px;border:1px solid #bda482;border-radius:4px;background:#fff9ee;padding:10px 12px;color:#493725;font:12px/1.6 var(--sans)}.gallery-explorer-hint{font:10px/1.8 var(--sans);color:#80684c;margin:14px 0 0;max-width:80em}.gallery-explorer-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.gallery-layout-options{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.gallery-layout-options>span{font:10px/1.6 var(--sans);color:#80684c;margin-inline-end:8px}.gallery-layout-options button{min-height:42px;padding:9px 13px;border:1px solid #b99d79;border-radius:4px;background:#faf2e7;color:#62472c;font:11px/1.5 var(--sans)}.gallery-layout-options button[aria-pressed=true]{background:#725638;color:#fff5e4;border-color:#725638}.gallery-explorer-count{font:11px/1.6 var(--sans);color:#6e563b;font-variant-numeric:tabular-nums;white-space:nowrap}.gallery-explorer :is(input,select,button):focus-visible,.gallery-explorer-empty button:focus-visible{outline:2px solid #86653f;outline-offset:3px}.gallery-explorer-empty{padding:45px 20px;text-align:center;border:1px dashed #b99d79;border-radius:6px;background:#f6eddf;margin-bottom:30px}.gallery-explorer-empty[hidden]{display:none}.gallery-explorer-empty p{font:400 26px/1.4 var(--serif);margin:0 0 16px}#gallery[data-gallery-layout=large]{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}#gallery[data-gallery-layout=compact]{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 16px}#gallery[data-gallery-layout=compact] .photo-title{font-size:20px}#gallery[data-gallery-layout=large] .photo-title{font-size:28px}
@media(max-width:1000px){.gallery-explorer-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-explorer-field:first-child{grid-column:span 2}#gallery[data-gallery-layout=compact]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.gallery-explorer{padding:18px 14px;margin-top:15px}.gallery-explorer>header{align-items:flex-start}.gallery-explorer h3{font-size:27px}.gallery-explorer-fields{gap:14px 10px}.gallery-explorer-field:first-child{grid-column:span 2}.gallery-explorer-field:last-child{grid-column:span 2}.gallery-explorer-field input,.gallery-explorer-field select{font-size:16px;min-height:48px;padding:10px}.gallery-explorer-reset{font-size:10px;padding:9px 10px;flex-shrink:0}.gallery-explorer-footer{align-items:flex-start;gap:14px;flex-direction:column}.gallery-layout-options{gap:6px}.gallery-layout-options>span{flex-basis:100%;margin-bottom:2px}.gallery-layout-options button{min-height:44px;padding:9px 12px}.gallery-explorer-count{align-self:flex-end}#gallery[data-gallery-layout=large]{grid-template-columns:minmax(0,1fr);gap:30px}#gallery[data-gallery-layout=compact]{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 9px}#gallery[data-gallery-layout=compact] .photo-title{font-size:18px}#gallery[data-gallery-layout=large] .photo-title{font-size:26px}}

.gallery-explorer-fields{grid-template-columns:minmax(180px,1.6fr) repeat(2,minmax(120px,1fr)) minmax(250px,1.6fr)}
.gallery-sort-control{position:relative;min-width:0}
.gallery-sort-control #gallery-sort{padding-inline-end:calc(var(--sort-count-width,80px) + 46px);text-overflow:ellipsis}
.gallery-sort-control .gallery-explorer-count{position:absolute;inset-inline-end:34px;top:50%;transform:translateY(-50%);max-width:45%;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
@media(max-width:1000px){.gallery-explorer-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-explorer-field:last-child{grid-column:1/-1}}
/* Translated headings and reset labels wrap before they can widen a phone page. */
.gallery-explorer>header{flex-wrap:wrap;align-items:center}
.gallery-explorer>header h3{flex:1 1 180px;min-width:0;overflow-wrap:anywhere}
body .gallery-explorer>header .gallery-explorer-reset{flex:0 1 auto;min-width:0;max-width:100%;overflow-wrap:anywhere}
