settings: readable font for design-panel slider values

9px pixel font on the design-panel slider value labels (Radius, Border,
Bar height, …) was hard to parse at that size. Switch to 11px regular
and widen the column slightly so two-digit values fit.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

public/css/style.css

@@ -225,7 +225,7 @@ body.anim-slow .card-spinner {
 .design-row { display: flex; align-items: center; gap: 10px; padding: 2px 0; }
 .design-row > label { flex: 0 0 88px; font-size: 11px; color: var(--t-muted); }
 .design-row > select { width: 110px; }
-.design-row > .design-val { font-family: var(--t-font-pixel); font-size: 9px; color: var(--t-dim); width: 36px; text-align: right; flex-shrink: 0; }
+.design-row > .design-val { font-size: 11px; color: var(--t-muted); width: 44px; text-align: right; flex-shrink: 0; }
 .design-section-label { font-family: var(--t-font-pixel); font-size: 9px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--t-dim); margin: 12px 0 4px; }
 .design-section-label:first-child { margin-top: 0; }
 #design-advanced > summary { list-style: none; }