.effects-page { display: grid; min-width: 0; gap: 7px; }
.effects-eq-top { display: grid; grid-template-columns: minmax(0, 1fr) 144px; min-width: 0; min-height: 276px; }
.effects-band-editor, .effects-peq, .effects-graph { min-width: 0; }
.effects-band-editor .rx-band-editor { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.effects-peq { display: flex; min-height: 0; }
.effects-peq .rx-peq { flex: 1 1 auto; }

.effects-workspace {
  display: grid;
  grid-template-columns: minmax(0, 34fr) minmax(0, 66fr);
  min-width: 0;
  min-height: 220px;
  overflow: visible;
  border: 1px solid var(--rx-border);
  border-radius: var(--rx-radius-sm);
  background: var(--rx-surface);
}

.effects-filter-group, .effects-parameter-group { display: grid; align-content: start; min-width: 0; padding: 10px 12px; }
.effects-filter-group { border-right: 1px solid var(--rx-divider); }
.effects-workspace h2 { margin: 0 0 5px; color: var(--rx-text); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.effects-parameter-group { gap: 8px; }

.effects-parameter-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 20px;
  min-width: 0;
}

.effects-parameter-column { display: grid; align-content: start; min-width: 0; }

.effects-control-row {
  display: grid;
  min-width: 0;
  gap: 5px;
  padding: 8px 0 9px;
  border-top: 1px solid var(--rx-divider);
}

.effects-control-row__header { display: flex; min-width: 0; align-items: baseline; justify-content: space-between; gap: 8px; }
.effects-control-row__label { min-width: 0; overflow: hidden; color: var(--rx-text); font-size: 10px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.effects-control-row__value { max-width: 58%; min-width: 0; overflow: hidden; color: var(--rx-red); font: 600 10px ui-monospace, SFMono-Regular, Menlo, monospace; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.effects-control-row__value-wrap { display: inline-flex; min-width: 0; align-items: baseline; justify-content: flex-end; gap: 3px; }
.effects-control-row__value.rx-semantic-numeric-input { width: 62px; height: 24px; padding: 2px 4px; }
.effects-control-row__control { min-width: 0; }
.effects-control-row .rx-slider { width: 100%; min-width: 0; gap: 2px; }
.effects-control-row .rx-slider__labels { display: none; }
.effects-control-row .rx-segmented { min-width: 0; }
.effects-control-row .rx-segmented__item { min-height: 30px; padding-inline: 5px; font-size: 10px; }
.effects-mode-control .effects-control-row { padding-top: 0; border-top: 0; }
.effects-mode-control .effects-control-row__control { margin-top: 1px; }
.effects-mode-control .rx-segmented--equal { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.effects-control-row.is-readonly { opacity: .72; }
.effects-control-row.is-readonly .effects-control-row__value { color: var(--rx-muted); }

.effects-filter-group .effects-control-row:first-of-type { border-top: 0; }

@media (max-width: 1000px) {
  .effects-workspace { grid-template-columns: 1fr; }
  .effects-filter-group { border-right: 0; border-bottom: 1px solid var(--rx-divider); }
}

@media (max-width: 720px) {
  .effects-parameter-grid { grid-template-columns: 1fr; }
}