Hand-drawn filtered gallery

One file, “use client”; the only dependency is react-dom for the lightbox portal (already present in any React project). Genres come from works (unique category), the “all” chip is allLabel. A chip is a button with aria-pressed and a rectPoints capsule drawn on its own box, the active one is filled. The desk is a <ul> with CSS columns (1/2/3 by container query), slots break-inside:avoid; a shot is a figure in a frame with a drawn shadow, tilted from the seed (−1.6…1.6°), straightening on hover. Appearance: IntersectionObserver sets data-shown once, transform/opacity delayed by --n×60ms. The filter works in two beats: for 260ms the desk gets data-leaving (shots shrink and fade), then the list remounts with a new key and shots land again. Images object-fit:cover with aspect-ratio per orientation. Neucha and Caveat via <link precedence>, palette --vibeui-sketch-017-* with light-dark, reduced-motion removes motion. Lightbox (lightbox=true): on click the shot flies with a FLIP transition — a portal in body with position:fixed starts from the photo box and moves to the centre in 0.6s (left/top/width/height + rotation), scrolling is locked with scrollbar-width compensation so the page does not jump; Esc and a backdrop click return the shot and unmount the portal on a timer; arrows and ← → step within the current genre.