Eric WagonerandClaude Fable 5
1d015681d3
An svg referenced through an <image> element is rasterized once at its layout size in user units — about 29 pixels for a wizard — and scales as a blurry bitmap thereafter, defeating the entire point of vector art. TokenArt.svelte now fetches each file once, namespaces its ids (45 tokens' worth of filter and pattern defs share one document), and inlines it as a nested <svg>: live vector at any zoom, verified crisp at 3x device scale. PNG art keeps the <image> path untouched, and the token style family goes :global to reach the component's elements. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>