fix: center text vertically in Compact and Large

The size modes scale rem line heights to fractions (1.25rem = 22.857px in
Large), and pixel rounding moved text up to 1.2px off center. Type scale
line heights and the header's 3rem now round to whole px (no change in
Normal). Segmented buttons, Reset to default and the project select drop
core's vertical padding, which made the line overflow and sink.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

tonalmine/stylesheets/components.css

@@ -578,6 +578,7 @@ html .table-generator td.selected-cell, html .table-generator td:hover { backgro
 .nm-segmented button {
   border-radius: 0;
   block-size: calc(32px + var(--nm-density));
+  padding-block: 0; /* the box centers the line; core's 4px made it overflow (and sink) in Compact */
   padding-inline: 8px;
   border: 1px solid var(--md-sys-color-outline);
   background: transparent;
@@ -614,6 +615,7 @@ label.nm-swatch--custom { position: relative; inline-size: 28px; background: var
 .nm-appearance__reset {
   margin-block-start: 12px;
   block-size: calc(32px + var(--nm-density));
+  padding-block: 0;
   padding-inline: 12px;
   border: 0;
   border-radius: var(--md-sys-shape-corner-full);