Рукописная галерея с фильтром

Один файл, «use client»; единственная зависимость — react-dom ради портала лайтбокса (в React-проекте он уже есть). Жанры выводятся из works (уникальные category), чип «все» — allLabel. Чип — кнопка с aria-pressed и капсулой rectPoints по своей коробке, активный залит (fill). Стол — <ul> с CSS columns (1/2/3 по container query), слот break-inside:avoid; кадр — figure в рамке с нарисованной тенью, наклон от seed (−1.6…1.6°), по hover выравнивается. Появление: IntersectionObserver один раз ставит data-shown, transform/opacity с задержкой --n×60ms. Фильтр в два такта: на 260ms стол получает data-leaving (кадры сжимаются и гаснут), затем список пересобирается с новым key и кадры прилетают заново. Картинки object-fit:cover с aspect-ratio по orientation. Шрифты Neucha и Caveat через <link precedence>, палитра --vibeui-sketch-017-* с light-dark, reduced-motion убирает движение. Лайтбокс (lightbox=true): по клику кадр вылетает FLIP-переходом — портал в body с position:fixed стартует с коробки фото и за 0.6s переезжает в центр (left/top/width/height + поворот), прокрутка блокируется с компенсацией ширины скроллбара, чтобы страница не дёргалась; Esc и клик по подложке возвращают кадр на место и размонтируют портал по таймеру; стрелки и ← → листают в пределах текущего жанра.