shorts in the video showcase

added a vertical 9:16 short format to the homepage video showcase. shorts sit in the same grid as the longform videos, but with the thumbnail on the left of the body card and a SHORT badge on the corner. clicking opens a 2-col guidebook page — 9:16 video on the left, summary + characters + beats + sources + transcript + pre-roll on the right. youtube on top of tiktok when both exist.

the format is fed by a new branch in the sync script. shorts come from spoolcast-content/shows/news-anime-bot/sessions/<date>/episode/ instead of the longform sessions/<id>/. the script.md format captures everything we need — beat table, narration, source chyrons, cinematography, pre-roll text. ffmpeg + cwebp extract first frames of each beat clip into webp thumbnails. tiktok URL parsing pulls the video ID. youtube uses the vertical oardefault.jpg thumbnail (720x1280) instead of the auto-letterboxed maxresdefault.

most of the friction this session was visual — column gap mismatches, the leftCol fixed at 380px when the actual video was 326, sources that didn't wrap because of a stale whiteSpace: nowrap. ended up sharpening two existing design rules in best-practices.md instead of accumulating new case-by-case ones: "adjacent elements behave the same way" and "layout follows content". the meta lesson the human kept pointing at: when tempted to add an 8th rule, sharpen one of the existing 7 first.