Plan step 38: the filter row is now real components — <x-input icon="search"> and two <x-checkbox>s — instead of a bespoke bordered label and accent-coloured native inputs; the result grid is <x-grid min-item="120px"> of <x-surface as="li">/<x-stack> tiles. The fetched symbol's mask stays the view's own x-bind:style (its shorthand depends on the fetched name), but the size it toggles between 24 and 20px is now the data-md-showcase-icon-size attribute a script sets, never a class, drawn by data-md-showcase-icon-mask in showcase.css. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9