/* Round-7 gallery: the shared viewer restyled, plus the base filter browser (each option adds its own look). */
.gv { background: rgba(13, 15, 18, .97); z-index: 300; }
.gv__count b { color: #f6c96b; }
.gv__cap p { font: 600 clamp(17px, 1.6vw, 22px)/1.3 var(--sans); font-style: normal; }
.gv__cap span { color: #f6c96b; }
.gv__nav:hover { background: #f6c96b; color: var(--ink); }
.gv__stage img { border-radius: 14px; }

.g7b__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; margin-bottom: 26px; }
.g7b__kinds { display: flex; flex-wrap: wrap; gap: 8px; }
.g7b__kinds button { display: inline-flex; align-items: center; gap: 6px; height: 42px; padding: 0 16px; border-radius: 99px; border: 1.5px solid var(--line); background: #fff; font: 600 14px/1 var(--sans); color: var(--ink); transition: .25s; }
.g7b__kinds sup { font-size: 10.5px; color: var(--muted); top: 0; }
.g7b__kinds button[aria-selected="true"] { background: var(--ink); border-color: var(--ink); color: #fff; }
.g7b__kinds button[aria-selected="true"] sup { color: rgba(255, 255, 255, .6); }
.g7b__cols { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.g7b__cols button { width: 32px; height: 32px; padding: 0; border-radius: 50%; border: 0; background: none; display: grid; place-items: center; }
.g7b__cols i { width: 24px; height: 24px; border-radius: 50%; background: var(--c); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); transition: transform .3s var(--ease); }
.g7b__cols .is-all i { background: conic-gradient(#24324f 0 12.5%, #d6a63c 0 25%, #b5672f 0 37.5%, #8e9f7b 0 50%, #7a2a23 0 62.5%, #ecebe5 0 75%, #8d90a3 0 87.5%, #b29a72 0); }
.g7b__cols button[aria-pressed="true"] i { transform: scale(1.18); box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--ink); }
.g7b__cname { margin-left: 8px; font: 600 13px/1 var(--sans); color: var(--muted); min-width: 9em; }
.g7b__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
.g7b__it { position: relative; margin: 0; }
.g7b__it button { display: block; width: 100%; padding: 0; border: 0; border-radius: 14px; overflow: hidden; background: #ddd; aspect-ratio: 4 / 3; }
.g7b__it img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--ease); }
.g7b__it button:hover img { transform: scale(1.06); }
.g7b__it figcaption { display: flex; align-items: center; gap: 8px; margin-top: 8px; font: 600 12.5px/1 var(--sans); color: var(--muted); }
.g7b__it figcaption i { width: 12px; height: 12px; border-radius: 50%; background: var(--c); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15); }
.g7b__more { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 34px; }
.g7b__more p { margin: 0; font-size: 13px; color: var(--muted); }
@media (max-width: 700px) { .g7b__grid { grid-template-columns: 1fr 1fr; gap: 8px; } .g7b__it figcaption { font-size: 11px; } .g7b__cname { display: none; } }