/* YouTube thumbnail downloader: card grid. */
.yt-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
.yt-card { display: grid; gap: 10px; align-content: start; padding: 12px; border-radius: var(--r); background: var(--glass-soft); border: 1px solid var(--line); min-width: 0; }
.yt-main { grid-column: 1 / -1; }
.yt-thumb { display: grid; place-items: center; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: var(--field); }
.yt-thumb img { width: 100%; height: 100%; object-fit: contain; }
.yt-main .yt-thumb { max-width: 720px; width: 100%; margin: 0 auto; }
.yt-meta { display: grid; gap: 2px; }
.yt-missing .yt-thumb img { opacity: 0.35; filter: grayscale(1); }