/* spectrum.css — the spectrum panel and its live overlay.
   Widget: web/js/spectrum.js */

/* The card holds the two layers and nothing else, so it gives them all of its room. */
.wcard.w-spectrum{padding:2px;}
/* The floor belongs to the card that needs it, not to a grid row: below this the band picture
   stops being one. The card is also the slot, so this has to outweigh the `min-height: 0` every
   row item carries. */
[data-slot].wcard.w-spectrum{min-height:150px;}
/* The corner mark of the slot sits left of the two toggles, which live in the same corner:
   three controls, one place. Same arrangement as the list and the time graph. */
.wcard.w-spectrum .wnav{right:56px;}
/* The two sweeps stand clear of the level gutter, so they sit over the plot area and not over
   its topmost label. The top of the plot is the high levels, which is empty sky. */
.wcard.w-spectrum .wcmd{left:38px;}

/* The panel corner toggles live in base.css, since they are shared with other panels. */
/* The live overlay stacks exactly on the background, matching the panel padding, and lets
   pointer events through to the canvas below. Its repaints never re-rasterise the mountain. */
/* A canvas is a replaced element, so automatic dimensions take its intrinsic size rather
   than stretching to the insets; explicit dimensions are therefore forced. */
#specOv{position:absolute; top:2px; left:2px; width:calc(100% - 4px); height:calc(100% - 4px);
        pointer-events:none; z-index:2;}
#spec{cursor:crosshair;}    /* analyser: the pointer reads a measurement */