/* Hallprint LAB — the view keys of the Reverb plot (plotviews.js): DECAY · BANDS · SPECTRUM, three mono cells in one
   hairline frame, the chosen one lit in the accent. They sit inside the plot's top right corner, under its title and
   format line (plot.js draws those in the first 34 px) and flush with the subtitle's right edge, above the DOM frame
   and the corner ticks of .plot-wrap. Nothing animates idle; the pointer states say what the plot does. */

.plot-views {
  position: absolute; right: 16px; top: 36px; z-index: 3;
  display: inline-flex; box-sizing: border-box; height: 16px;
  border: 1px solid var(--line-strong); border-radius: 0;
  background: var(--field);
}
.plot-view {
  box-sizing: border-box; height: 14px; margin: 0; padding: 0 7px 0 calc(7px + 0.12em);
  border: 0; border-radius: 0; background: transparent;
  font-family: var(--font-label); font-weight: 500; font-size: 9px; line-height: 14px; letter-spacing: 0.12em;
  text-transform: uppercase; white-space: nowrap;
  color: var(--text-dim);
  transition: background-color 120ms, color 120ms;
}
.plot-view + .plot-view { border-left: 1px solid var(--line-strong); }
.plot-view:hover { background: var(--panel-light); color: var(--text); }
.plot-view[aria-pressed="true"], .plot-view[aria-pressed="true"]:hover { background: var(--accent); color: var(--on-accent); font-weight: 600; }
.plot-view:focus-visible { outline: 1px solid var(--text); outline-offset: -3px; }

/* the canvas: a crosshair over a response, a hand when the window can be dragged, keyboard focus as on the Design canvas */
.plot-wrap.has-data > .plot { cursor: crosshair; }
.plot-wrap.is-zoomed > .plot { cursor: grab; }
.plot-wrap.is-panning > .plot { cursor: grabbing; }
.plot-wrap > .plot { outline: none; }
.plot-wrap > .plot:focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }