/**
 * TALK & CREATE HEADER RECENTS LOCK
 * Loaded LAST on talk-create.html (after talk-create.css).
 *
 * BUG (2026-06-23): sketch.css capped desktop header thumbs with
 *   .sketch-recent-thumb:nth-child(n+11) { display: none }
 * Speak & Create appends newest images as the LAST child. Once history exceeded 10,
 * fresh generations were committed to storage/DOM but INVISIBLE on desktop (Opera/Chrome).
 * Phone worked (JS limit 8); iPad often had <11 items during testing.
 *
 * DO NOT remove this file or re-add unscoped nth-child caps on .sketch-recent-thumb.
 * See RECURRING_BUGS.md → "Speak & Create desktop header recents invisible".
 * Verify: npm run test:locks → CRITICAL TALK-CREATE LOCK
 */

/* Scrollable strip — newest is last child; auto-scroll in talk-create.js */
body.talk-create-page.sketch-page .main-header .hdr-editor-title-lane #talk-create-recents-strip.sketch-recents-strip,
body.talk-create-page.sketch-page .main-header .hdr-editor-title-lane #talk-create-recents-strip.talk-create-recents-strip {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  flex-wrap: nowrap !important;
}

/* Desktop + all breakpoints: never hide thumbs 11+ on Speak & Create */
body.talk-create-page #talk-create-recents-strip .sketch-recent-thumb:nth-child(n+11),
body.talk-create-page #talk-create-recents-strip .talk-create-recent-thumb:nth-child(n+11) {
  display: block !important;
}