/* Gallery controls share the compact Studio navigation scale. */
main > div > div:has(> .gallery-viewport, > .gallery-ip) {
  height: 100%;
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.gallery-viewport, .gallery-ip { height: 100%; gap: .5rem; }
.gallery-ip > .gallery-viewport { flex: 1; height: auto; }
.gallery-viewport { font-size: .8rem; }
.gallery-toolbar { font-size: .8rem; gap: .375rem; }
.gallery-search { flex: 1 1 14rem; min-width: min(14rem, 100%); }
.gallery-toolbar > :not(.gallery-search) { flex-shrink: 0; }
.gallery-toolbar :is([data-slot="button"], [data-slot="input"], [data-slot="tabs-trigger"], [data-slot="toggle-group-item"], [data-slot="select-trigger"]),
.gallery-viewport > [aria-label] [data-slot="button"], .studio-header-account [data-slot="badge"], .account-level { font-size: .8rem; }
.gallery-toolbar :is([data-slot="tabs-list"], [data-slot="toggle-group"]) {
  height: 1.875rem;
  gap: 0;
  padding: 3px;
  border: 0;
  border-radius: var(--radius);
  background: var(--muted);
}
.gallery-toolbar :is([data-slot="tabs-trigger"], [data-slot="toggle-group-item"]) {
  height: 1.5rem;
  min-width: 1.5rem;
  padding: 0 .375rem;
  border: 0;
  border-radius: var(--radius-md);
  color: var(--muted-foreground);
  background: transparent;
  font-weight: 500;
}
.gallery-toolbar :is([data-slot="tabs-trigger"][data-state="active"], [data-slot="toggle-group-item"][data-state="on"]) {
  color: var(--foreground);
  background: var(--background);
  box-shadow: 0 1px 3px #0000001a;
}
.gallery-toolbar :is([data-slot="button"], [data-slot="input"], [data-slot="select-trigger"]) { height: 1.875rem; }
.gallery-toolbar > button[data-variant="outline"] { background: var(--muted); border-color: transparent; }
.gallery-toolbar > span { font-size: .8rem; padding-inline: .375rem; }
.gallery-toolbar svg { width: .875rem; height: .875rem; }
@media (max-width: 767px) {
  .gallery-search { flex-basis: 100%; }
  .gallery-toolbar [data-slot="input"] { font-size: 16px; }
  .gallery-toolbar :is([data-slot="tabs-list"], [data-slot="toggle-group"]) { height: auto; min-height: 2.5rem; }
  .gallery-toolbar :is([data-slot="tabs-trigger"], [data-slot="toggle-group-item"]) { min-height: 2.125rem; }
}