.insert-monitor {
  position: fixed;
  inset: auto min(16px, 3vw) min(16px, 3vh) auto;
  z-index: 2100;
  box-sizing: border-box;
  width: min(490px, calc(100vw - 24px));
  max-height: calc(100vh - 24px);
  margin: 0;
  padding: 16px;
  background: #182331;
  border-color: #465a72;
  color: #dbe6f2;
}

.insert-monitor-heading,
.insert-monitor-controls,
.insert-monitor-scale,
.insert-monitor-note {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.insert-monitor-heading,
.insert-monitor-scale { justify-content: space-between; }
.insert-monitor-heading h2 { margin: 0; }
.insert-monitor-controls { margin: 12px 0; }
.insert-monitor-controls label { display: flex; align-items: center; gap: 6px; margin: 0; color: #bbc9d9; }
.insert-monitor-controls [hidden] { display: none; }
.insert-monitor-controls input,
.insert-monitor-controls select {
  width: auto;
  min-height: 30px;
  margin: 0;
  border: 1px solid #526579;
  border-radius: 4px;
  background: #223243;
  color: #e1ebf6;
  padding: 2px 5px;
}
.insert-monitor-controls select { height: auto; }
.insert-monitor-controls button[aria-pressed="true"] { color: #85e6bd; border-color: #85e6bd; }
.insert-monitor canvas {
  display: block;
  width: 100%;
  height: clamp(130px, 27vh, 220px);
  border: 1px solid #34475c;
  border-radius: 4px;
  background: #101a27;
}
.insert-monitor .insert-monitor-caption,
.insert-monitor .insert-monitor-status { margin: 8px 0 0; color: #b2c0d2; }
.insert-monitor-note { justify-content: center; min-height: 62px; font-variant-numeric: tabular-nums; }
.insert-monitor-note strong { font-size: 35px; }
.insert-monitor.is-in-tune .insert-monitor-note strong { color: #85e6bd; }
.insert-monitor-dial {
  position: relative;
  height: 12px;
  margin: 0 4px 9px;
  border: 1px solid #67788b;
  border-radius: 4px;
  background: linear-gradient(90deg, #8c563f, #564a42 39%, #356e59 48% 52%, #564a42 61%, #8c563f);
}
.insert-monitor-dial i {
  position: absolute;
  top: -5px;
  width: 3px;
  height: 20px;
  transform: translateX(-50%);
  border-radius: 2px;
  background: #f8f4dd;
}
.insert-monitor-scale { color: #b2c0d2; font-size: 11px; font-variant-numeric: tabular-nums; }
.insert-monitor-scale output { color: #e2eaf3; font-weight: bold; font-size: 15px; }
.precision-eq-dialog { width: min(580px, calc(100vw - 24px)); }
.precision-eq-dialog canvas { margin-top: 12px; touch-action: none; }
.precision-eq-bands { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; }
.precision-eq-bands button[aria-pressed="true"] { color: #85e6bd; border-color: #85e6bd; }
.precision-eq-dialog input[type="number"] { max-width: 73px; }
.extended-delay-scenes button[aria-pressed="true"] { color: #85e6bd; border-color: #85e6bd; }
.extended-delay-dialog [data-delay-index].is-enabled { box-shadow: inset 0 -2px #6cb392; }