.mixer-console-button.mixer-master-meters-toggle[aria-expanded="true"] {
  background: #29443c;
  border-color: #6ba794;
  color: #e0f4e5;
}

.master-analysis {
  padding: 10px;
  border-bottom: 1px solid var(--console-edge, #40526a);
  background: var(--console-panel, #1a2531);
  color: var(--console-text, #dbe6f2);
}

.master-analysis-heading,
.master-analysis-heading > div,
.master-analysis-caption {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px 9px;
}

.master-analysis-heading {
  justify-content: space-between;
  margin-bottom: 8px;
}

.master-analysis-heading h3 {
  margin: 0;
  font: 700 14px 'Space Grotesk', sans-serif;
}

.master-analysis-heading span,
.master-analysis-caption span {
  color: var(--console-soft, #a8bacf);
  font-size: 10px;
}

.master-analysis-heading > .master-analysis-actions { align-items: center; }

.master-analysis-status[data-meter-status="live"] { color: #a0dfbe; }
.master-analysis-status[data-meter-status="unavailable"] { color: #f0c69b; }

.master-analysis button {
  min-height: 25px;
  padding: 4px 8px;
  border: 1px solid var(--console-edge, #40526a);
  border-radius: 4px;
  background: var(--console-control, #25374a);
  color: var(--console-text, #dbe6f2);
  font: 700 10px 'DM Sans', sans-serif;
}

.master-analysis button:hover { border-color: #a7c5a2; }
.master-analysis button:focus-visible { outline: 2px solid #b9db9f; outline-offset: 2px; }

.master-analysis-body {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.master-analysis-spectrum {
  flex: 1 1 270px;
  min-width: 0;
  padding: 7px 8px 2px;
  border: 1px solid #35495e;
  border-radius: 5px;
  background: #121c28;
}

.master-analysis-caption { justify-content: space-between; }
.master-analysis-caption strong { font-size: 11px; }

.master-analysis canvas {
  display: block;
  width: 100%;
  height: 118px;
}

.master-analysis-levels { flex: 1 1 326px; min-width: 0; container-type: inline-size; }

.master-analysis-readouts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  margin: 0;
}

.master-analysis-readouts > div,
.master-analysis-phase {
  padding: 5px 7px;
  border: 1px solid #35495e;
  border-radius: 4px;
  background: #162231;
  min-width: 0;
}

.master-analysis-readouts dt {
  color: var(--console-soft, #a8bacf);
  font-size: 10px;
}

.master-analysis-readouts dd {
  margin: 1px 0 0;
  font: 700 14px 'Space Grotesk', sans-serif;
  font-variant-numeric: tabular-nums;
  color: #eff7ff;
}

.master-analysis-readouts small {
  color: var(--console-soft, #a8bacf);
  font-size: 9px;
  font-weight: 600;
}

.master-analysis-readouts .master-analysis-clip dd { font-size: 11px; }
.master-analysis-readouts .is-clipping { border-color: #f39179; background: #522c2e; }
.master-analysis-readouts .is-clipping :is(dt, dd) { color: #ffddd4; }

.master-analysis-phase { margin-top: 5px; }
.master-analysis-phase .master-analysis-caption span {
  color: #b1e9d4;
  font: 700 12px 'Space Grotesk', sans-serif;
  font-variant-numeric: tabular-nums;
}
.master-analysis-phase.is-negative .master-analysis-caption span { color: #f9b5a8; }

.master-analysis-phase-track {
  position: relative;
  height: 7px;
  margin: 5px 2px 2px;
  border: 1px solid #465a70;
  border-radius: 2px;
  background: linear-gradient(90deg, #895058, #414855 50%, #367662);
}

.master-analysis-phase-track::before {
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: 50%;
  width: 1px;
  background: #b8c8d9;
  content: '';
}

.master-analysis-phase-marker {
  position: absolute;
  top: -2px;
  bottom: -2px;
  width: 3px;
  transform: translateX(-50%);
  border-radius: 2px;
  background: #f2fff7;
  box-shadow: 0 0 4px #bcecd080;
}

.master-analysis-phase-labels {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  color: var(--console-soft, #a8bacf);
  font-size: 9px;
}

.master-analysis-phase-labels span:last-child { text-align: right; }

@container (max-width: 240px) {
  .master-analysis-readouts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}