Spacing-Only Pass · Per Archetype

Spacing changes here are limited: the masonry grid, FilterBar, and LetterBar already have their own (correct) rhythm. The only thing that adopts the new tokens is the empty-state Panel shown when nothing matches.

• FilterBar, LetterBar, MasonryGrid: NOT changed — they have their own rhythm
• only the empty-state card uses Panel tokens (one-line edit per page route)
• top stats / UploadCard section: NOT changed — page intro, not a panel

No further changes. Showing the spec for cross-checking.

• aside = PanelStack with gap-card-gap (9 px) between Panels
• each Panel = p-card (15 px) interior
• identity Panel uses PanelSection internally with gap-section (15 px)
• chip rows = gap-chip (7 px)
• label → content = mb-label (7 px)
• action bar (Edit / Import / Delete) lives outside Panels but inside the same PanelStack rhythm

Layout stays exactly as-is — sidebar nav on the left, stacked cards on the right. The only thing that changes is the Card helper inside SettingsPanel.tsx: p-5 → p-card (20→15) and header margin mb-3 → mb-label (12→7). Card-to-card stacking gap also tightens to gap-card-gap (9 px) from the existing space-y-4 (16 px).

• same Card helper, same sidebar — only the spacing constants change
• p-5 (20px) → p-card (15px)
• mb-3 (12px) → mb-label (7px) on the title
• space-y-4 (16px) → gap-card-gap (9px) between Cards
• internal space-y-3 blocks → gap-section (15px) — wider, since these are full sub-sections

Same layout as today: header at the top of the modal/page, scrollable body below. Body is either an empty-state Panel or a grid. Only the empty-state Panel adopts the new tokens (p-16 → p-card). Header strip and grid stay untouched.

• trash modal header strip: NOT changed
• TrashGrid / queue rows: NOT changed — they have their own rhythm
• only the empty-state Panel inherits the tokens (one line per file)