.brand-controls {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin: 18px 0;
  padding: 18px;
  border: 1px solid var(--gold);
  border-radius: 14px;
}
.brand-controls legend {
  padding: 0 8px;
  color: var(--gold2);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .15em;
}
.brand-controls label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 12px;
}
.brand-controls input,
.brand-controls select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #101010;
  color: #fff;
  padding: 12px;
}
.brand-controls label span { display: flex; align-items: center; gap: 8px; }
.brand-controls small { grid-column: 1 / -1; color: var(--muted); }
.brand-controls input[type="file"] { padding: 9px; }
.brand-controls input[type="range"] { padding: 8px 0; accent-color: var(--gold); }
.brand-controls output { min-width: 38px; color: var(--gold2); font-weight: 900; }
@media (max-width: 850px) { .brand-controls { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .brand-controls { grid-template-columns: 1fr; } }