Elements: check every UI component against your palette for contrast

A third mode joined the Explore gallery alongside Products and Styles: Elements. Instead of a mock page, it renders real, grouped UI controls - typography, buttons, forms, badges, and status alerts - directly on your generated palette, in two views: Lab, a state-by-state table (default/hover/disabled and more), and Mockup, the same components dropped into a mini page layout for context.

Every color pair on screen carries a live contrast pill (ratio + AA/AAA/Fail), and a summary panel at the top rolls up every AA failure across all groups into one list, with a click jumping straight to the failing component in Lab.

Two actions sit right next to each failing pair: Fix nudges the closest palette role to the nearest color that passes AA, on the spot. Skip mutes the red highlight for a single row so a color can be judged on its own, without touching the palette or the failure count in the summary - it clears itself automatically once the colors involved actually change.