fix(sw): 2026-10-21 SW design review and responsive header without More from 760px

User-approved design review (2026-10-21):
- SW Header: from 760px up nothing moves into More; the five menus stay with their
  titles (titles and values ellipsize), file name shrinks to 96px. Open next to the
  logo no longer blocks field shrinking above 760px (760/768 overflow fixed, also for
  configured `controls` headers). Dropdown yellow ring inside the button, black seam.
- Property Bar values as read-only red text; property popup "=" labels, read-only
  black values, per-entry hover with pointer.
- Home Menu recent files (3 rows, path + name caption, empty preview), Footer + slot
  guide off by default, Viewer file list without icons, Storybook widths 1920-760.
- Tests: old More expectations (integrated-improvement, keyboard-dismiss,
  footer-popup-viewer-refinement, storybook-cleanup-stage1) moved to the new rule;
  functional checks kept.

packages/sw/tests/dropdown-consolidation.browser.mjs

@@ -227,8 +227,9 @@ try {
   await page.screenshot({ path: path.join(out, 'composed-property-panel.png'), fullPage: true })
   const radius = page.getByRole('dialog').getByRole('textbox', { name: '반지름', exact: true })
   await radius.fill('12.5'); await radius.press('Enter')
-  await page.waitForFunction(() => document.querySelector('.hm-sw-property-bar [data-property-id="radius"] input')?.value === '12.5')
-  const barRadius = await page.getByRole('region', { name: '속성Bar', exact: true }).getByRole('textbox', { name: '반지름', exact: true }).inputValue()
+  // 2026-10-21 (user decision): the Bar shows the value as read-only text (<output>).
+  await page.waitForFunction(() => document.querySelector('.hm-sw-property-bar [data-property-id="radius"] output')?.textContent === '12.5')
+  const barRadius = await page.getByRole('region', { name: '속성Bar', exact: true }).locator('[data-property-id="radius"] output').textContent()
   check('property Bar and panel share edited state', Number(barRadius) === 12.5, barRadius)
   const panelWeight = page.getByRole('dialog').getByRole('textbox', { name: '선가중치', exact: true })
   await panelWeight.fill('0.75'); await panelWeight.press('Enter')