fix(ui): GIF picker surface tokens + background swatch chrome (N8, N70)
- N8: GifPicker non-TDS container used undefined var(--bg-surface) + raw
rgba/12px/boxShadow. Switch to folds tokens (color.Surface.Container,
config.radii.R400, color.Surface.ContainerLine, color.Other.Shadow).
TDS branch keeps its --lt-* glow chrome.
- N70: ChatBgGrid/SeasonalBgGrid swatch buttons moved chrome (radius, border,
hover, keyboard :focus-visible ring, selected via data-selected) into shared
BgSwatch.css.ts using design tokens; only per-swatch size + live preview
background stay inline (custom preview tiles, not MenuItem/Chip candidates).
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
jared
79f8fabb1b