fix(sw): keep the line style name uncut in Firefox

Firefox computed the max-content of the flex line-values row 6.4px short and cut "Continuous" in the 284px field.
The row is now a grid with the same tracks (name minmax(28px, auto), weight 38px, scale 38px, gap 12px); Chromium
geometry and pixels are unchanged and the narrow-field ellipsis stays.

packages/sw/src/theme/sw.css

@@ -635,10 +635,11 @@
 
 .hm-sw-header__linetype { display: flex; flex: 0 0 auto; gap: 2px; }
 .hm-sw-header__linetype > i { display: block; width: 10px; height: 4px; border: 1px solid #000; background: #fff; }
-.hm-sw-header__line-values { display: flex; gap: 12px; min-width: 0; }
-/* min-width: a shrunk representative field (narrow More slot) shows an ellipsis, never a cut glyph. */
-.hm-sw-header__line-values > :first-child { flex: 0 1 auto; min-width: 28px; }
-.hm-sw-header__line-values > :not(:first-child) { flex: 0 0 38px; }
+/* Grid, same tracks as the former flex row (name: content width, never under 28px; 가중치 / 스케일: 38px). Firefox gave the
+   flex row a max-content 6.4px under its content (cutting "Continuous" in the 284px field); grid tracks size the same in
+   Chromium and Firefox (2026-10-20). min-width 28px: a shrunk representative field (narrow More slot) shows an ellipsis,
+   never a cut glyph. */
+.hm-sw-header__line-values { display: grid; grid-template-columns: minmax(28px, auto) 38px 38px; gap: 12px; min-width: 0; }
 
 .hm-sw-header__font-name {
   flex: 0 0 auto;