TITLE: Loading, Beautifully FILE: 050-loader-atelier.html === PROMPT (exact prompt used) === Design "Loading, Beautifully — a Gallery of 16 Loaders & Micro-interactions". A refined grid gallery (4×4 on desktop, two columns on mobile) on warm charcoal (#141414) where each card is a small stage demonstrating an original loading animation or micro-interaction made with CSS/SVG (JS only for toggling): e.g. a morphing blob, orbiting dots with trails, a pen stroke drawing a checkmark, a liquid-fill progress, folding squares, a breathing ring, a DNA ladder, a typewriter ellipsis, a pendulum, a gradient spinner with a comet tail, a pixel wave, a page flip, an elastic heart-like burst, a day/night toggle switch morph, a download button that morphs into a progress ring and then a success tick, and a skeleton-shimmer card. Each card has a title, a "replay" button and a "copy CSS" button that copies that card's CSS to the clipboard with a toast. Harmonised muted accents (#e07a5f, #f2cc8f, #81b29a, #3d405b, #f4f1de). Typography: a crisp sans with monospace labels. SHARED REQUIREMENTS (apply to every page in this 100-page collection): 1. One standalone HTML5 file. All CSS inline in