Grid Size: the stepper's row is a name and a number

The Layouts menu row reads "Grid Size  − 12 +": the label is the setting's
name, the readout is the bare column count, and the default/finer/coarser
caption under the label is gone. The buttons keep their tooltips.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

public/style.css

@@ -188,7 +188,7 @@ body.menu-hidden #topbar {
 }
 .menu-divider { height: 1px; background: var(--border); margin: 5px 4px; }
 
-/* the Layouts menu's grid-density row: − 12 columns + */
+/* the Layouts menu's grid-density row: Grid Size  − 12 + */
 .menu-stepper {
   display: flex;
   align-items: center;
@@ -197,7 +197,6 @@ body.menu-hidden #topbar {
   font-size: 13px;
 }
 .menu-stepper-label { flex: 1; }
-.menu-stepper-label .sub { display: block; color: var(--muted); font-size: 11px; margin-top: 2px; }
 .menu-stepper-btn {
   width: 26px;
   height: 26px;
@@ -214,7 +213,7 @@ body.menu-hidden #topbar {
 .menu-stepper-btn[disabled] { opacity: 0.35; cursor: default; }
 .menu-stepper-btn svg { width: 12px; height: 12px; display: block; }
 .menu-stepper-value {
-  min-width: 86px;
+  min-width: 28px;
   text-align: center;
   font-variant-numeric: tabular-nums;
 }