#gallery-controls{width:100%;max-width:1200px;margin:0 auto 24px;color:var(--text,#eee)}
.gallery-toolbar{display:flex;flex-wrap:wrap;gap:12px}.gallery-toolbar input,.gallery-toolbar select,#gallery-pages button,#gallery-result button{background:var(--card-bg,#18181b);color:var(--text,#eee);border:1px solid var(--card-border,#444);border-radius:8px;padding:12px;font:inherit}
.gallery-toolbar input{flex:1;min-width:200px}.gallery-toolbar [hidden]{display:none}#gallery-result{color:var(--muted,#aaa);font-size:14px}
#gallery-pages{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:32px auto;width:100%}#gallery-pages button{cursor:pointer;min-width:42px}#gallery-pages button[aria-current]{background:#315df5;color:white}#gallery-pages button:disabled{opacity:.4;cursor:default}
body.gallery-mode .gallery-model{text-decoration:none;color:inherit;display:block;min-width:0}body.gallery-mode .thumb{position:relative;overflow:hidden}body.gallery-mode .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#202631}.gallery-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:40px;color:#888;background:#242428}
.gallery-empty{padding:48px 0;text-align:center}.gallery-toolbar :focus-visible,#gallery-pages button:focus-visible,.gallery-model:focus-visible{outline:3px solid #7292ff;outline-offset:3px}
@media(max-width:600px){.gallery-toolbar input{flex-basis:100%;min-width:0}.gallery-toolbar select{flex:1;min-width:0;padding:10px 5px}#gallery-pages{gap:4px}body.gallery-mode .grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}body.gallery-mode .gallery-model{margin:0!important}body.gallery-mode .gallery-model .thumb{border-radius:10px;margin-bottom:8px}body.gallery-mode .gallery-model .title{font-size:15px}body.gallery-mode .gallery-title{margin:16px 0!important}}

body.gallery-mode[data-gallery-columns="1"] .grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;max-width:680px!important;margin-inline:auto!important;gap:20px}
body.gallery-mode[data-gallery-columns="2"] .grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px}
body.gallery-mode[data-gallery-columns] .gallery-model{margin:0!important;width:100%!important}

/* Shared gallery refinements: borders are included in the measured card width. */
body.gallery-mode #main-content-area{width:100%;max-width:1200px;min-width:0;box-sizing:border-box}
body.gallery-mode .gallery-model,body.gallery-mode .thumb,#gallery-controls,#gallery-controls *{box-sizing:border-box}
body.gallery-mode .gallery-model{overflow:visible}
body.gallery-mode .gallery-model .thumb{width:100%!important;height:auto!important;padding-top:0!important;aspect-ratio:1!important;box-shadow:0 10px 28px rgba(0,0,0,.18);border-color:var(--card-border,#333)}
body.gallery-mode .gallery-model .title{overflow-wrap:anywhere;color:var(--text,#eee);line-height:1.5}
#gallery-controls{padding:16px 18px 0;border:1px solid var(--card-border,#333);border-radius:16px;background:var(--card-bg,#18181b);margin:0 auto 8px}
.gallery-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gallery-toolbar label{display:flex;flex-direction:column;gap:7px;min-width:0}
.gallery-toolbar label>span{color:var(--muted,#aaa);font-size:11px;letter-spacing:.08em;font-weight:500}
.gallery-search-field,#gallery-folder-field{grid-column:1/-1}
.gallery-toolbar input,.gallery-toolbar select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border-radius:9px;border-color:var(--card-border,#333);background:var(--input,#111);font-size:14px;line-height:1.4}
.gallery-toolbar input{font-size:16px;min-height:48px}
.gallery-toolbar [hidden]{display:none!important}
#gallery-result{margin:14px 0 0;padding:12px 0;border-top:1px solid var(--card-border,#333);font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums}
@media(min-width:800px){.gallery-toolbar{grid-template-columns:minmax(240px,1fr) repeat(3,minmax(110px,150px))}.gallery-search-field{grid-column:auto}#gallery-folder-field{grid-row:2}}
@media(max-width:600px){body.gallery-mode .container{padding:24px max(16px,env(safe-area-inset-right)) 20px max(16px,env(safe-area-inset-left))!important}body.gallery-mode .gallery-title{font-size:22px;line-height:1.5;letter-spacing:.02em;margin:0 0 24px!important;overflow-wrap:anywhere}body.gallery-mode #main-content-area{gap:20px}#gallery-controls{padding:14px 12px 0;border-radius:14px}.gallery-toolbar{gap:12px 8px}.gallery-toolbar select{font-size:13px;padding:10px 6px}body.gallery-mode .gallery-model .thumb{border-radius:14px}body.gallery-mode .gallery-model:hover{transform:none}}
@media(max-width:600px){body.gallery-mode #gallery-title-display{padding:24px 16px 0;margin:0!important;box-sizing:border-box}body.gallery-mode #main-container{padding-top:20px!important}body.gallery-mode #main-content-area{padding:0;display:flex!important}body.gallery-mode #gallery-controls{margin-bottom:0}}
/* Compact controls: accessible names remain on the inputs. */
.gallery-results-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--card-border,#333);margin-top:12px;padding:10px 0;flex-wrap:wrap}
.gallery-results-row #gallery-result{border:0;padding:0;margin:0;font-size:12px;white-space:nowrap}
.gallery-results-row #gallery-pages{width:auto;margin:0 0 0 auto;display:flex;flex-wrap:nowrap;gap:4px}
.gallery-results-row #gallery-pages button,.gallery-results-row #gallery-pages select{min-width:0;min-height:36px;padding:6px;border:1px solid var(--card-border,#333);border-radius:7px;background:var(--input,#111);color:var(--text,#eee);font:inherit;font-size:12px}
.gallery-results-row #gallery-pages select{max-width:76px}
@media(max-width:380px){.gallery-results-row{gap:6px}.gallery-results-row #gallery-result{font-size:11px}.gallery-results-row #gallery-pages button,.gallery-results-row #gallery-pages select{font-size:11px;padding:6px 3px}}
#gallery-pages-bottom{display:flex;justify-content:center;align-items:center;gap:10px;padding:20px 0 28px;width:100%}
#gallery-pages-bottom:empty{display:none}
#gallery-pages-bottom button,#gallery-pages-bottom select{min-height:44px;padding:8px 14px;background:var(--card-bg,#18181b);color:var(--text,#eee);border:1px solid var(--card-border,#444);border-radius:9px;font:inherit;font-size:14px}
#gallery-pages-bottom button{cursor:pointer}#gallery-pages-bottom :disabled{opacity:.4;cursor:default}
#gallery-pages-bottom :focus-visible{outline:3px solid #7292ff;outline-offset:3px}