Search field

Focus the field: the border eases to the focus colour, the magnifier turns to accent ink and nudges 2px, and the shortcut chip fades out. Type: the clear button fades and scales in; Escape clears. Press "Simulate loading" to swap the magnifier for the box-open spinner. Under prefers-reduced-motion: reduce only colours change.

Field with suggestions

Grows on focus (no layout shift)

Image previews

Static posters are shown first. Play starts an animated image; Pause restores its poster. Reduced motion keeps posters visible.