shadowdaoandClaude Opus 5.5
f8ac1fbe42
Make var(--wsb-*) a first-class style value in the editor: - utils/tokens.ts: TokenKey, TOKEN_VARS (moved from html-export.ts, same order/content as the backend), COLOR_TOKENS palette order, tokenRef, isTokenRef, tokenKeyOf, resolveTokenValue and buildCanvasTokenCss, which defines the 16 vars + token base CSS scoped to .canvas-device-frame (never :root) with every value through cssValue(). - editor/CanvasTokenStyle.tsx: <style data-wsb-canvas-tokens> driven by useSiteDesign(), mounted in App inside SiteDesignProvider, so design edits recolour token-backed values on the canvas instantly. - panels/right/styles/TokenSwatchRow.tsx: palette-first swatch row that emits token references; .token-swatch styles appended to editor.css. - html-export.ts imports TOKEN_VARS; export output pinned byte-identical to the pre-move baseline by hash in html-export.test.ts. Refs #44 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
