Analysis panel text runs over the next card in a narrow window #688

The seven metadata cards above the mixer size their text in fixed pixels, but the row they sit in is a seven column grid that tracks the window. Below roughly 1250px the text is wider than the card holding it, and it does not stop at the card edge.

What you see, on a window around 950px wide:

• Scale reads "Natural Minor" at 17px, which is about 133px of monospace in a card that is only 135px wide including 32px of padding. The name paints straight over the Dynamic Range card beside it.
• Dynamic Range and Tempo Stability have labels long enough to wrap to a second line. The card centres its content, so the wrapped label does not push the value down, it lands on top of it. "DYNAMIC RANGE" and "15.8 W" occupy the same pixels.
• The presence row underneath truncates to "LE...", "BA...", "DR...". Those name nothing. The truncation itself is intentional, the width it happens at is not.

Constraints for anyone fixing this:

• The two rows are both seven column grids on purpose, so their dividers line up. Changing the column count in one and not the other breaks that.
• The metadata card is deliberately two lines, not three (Six stems separated, two visible: the mixer gets a third of the window and the other panels cannot be reduced #480). A fix that wraps the qualifier onto its own line costs height the mixer needs.
• The value in each card is the reason the card exists. If something has to give up width, it should be the qualifier next to it, not the number.
• Below 900px the row already drops to three columns, so the problem band is roughly 900px to 1250px.

There are no container queries anywhere in the stylesheets today. The top bar rework in #665 sizes its text with clamp() against the viewport, and that pattern already works here.