This designer is the live face preview — the tiles track the cursor and show every
state (click a tile to wink), and the hats preview here (hats are an occasion overlay, never baked
into the widget). Download a faces.json; the widget stage on the right uses the baked
character, which updates after thinqee face build-widget re-bakes.
Contrast is WCAG AA (4.5:1 for text). A ⚠ pair is hard to read — pick a stronger colour.
The style variant (Classic / Soft / Sharp, above the preview) sets radius, font and shadow together; these controls fine-tune on top and win over the variant.
Only non-default tokens and attributes are emitted, with a
<!-- qee-widget v… --> version comment. Style-variant tokens are included.
Each button sets the next (canned) verdict and asks the previewed skin, so you can see the answer card in your theme. "cache hit" replays the last answer with the real cache tag + wink. "announce" lights the corner-chat badge + attention face. Online, the real endpoint answers instead.
Live preview — the selected skin runs in a real device viewport (media queries + the mobile bottom-sheet work). This skin is also the export target; the style variant applies to the exported snippet too.