.signal-controls { display: grid; grid-template-columns: minmax(0, 3fr) repeat(3, minmax(0, 1fr)); gap: 1rem; }
.signal-controls label { display: grid; gap: .4rem; min-width: 0; }
.signal-controls select { width: 100%; min-width: 0; padding: .6rem; font: inherit; background: var(--paper, #fff); color: inherit; border: 1px solid currentColor; border-radius: .25rem; }
.signal-chart { width: 100%; height: 360px; min-width: 0; }
.signal-chart--rate { height: 220px; }
#signal-selection { overflow-wrap: anywhere; }
#signal-contrasts .selected { font-weight: 700; background: rgba(0, 114, 178, .08); }
@media (max-width: 720px) { .signal-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); } .signal-controls label:first-child { grid-column: 1 / -1; } }