/* YouTube Link & Embed Generator — thumbnail preview that swaps to the real embed on click (tokens from main.css) */
.yt-preview { display: flex; flex-direction: column; gap: 0.45rem; min-width: 0; }
.yt-preview[hidden] { display: none; }
.yt-thumb { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; padding: 0; border: 1px solid var(--border); border-radius: var(--radius-sm); overflow: hidden; background: var(--surface); cursor: pointer; }
.yt-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.yt-play { position: absolute; inset: 0; margin: auto; width: 64px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: rgba(0, 0, 0, 0.72); color: #fff; transition: background .15s; }
.yt-thumb:hover .yt-play, .yt-thumb:focus-visible .yt-play { background: #e62117; }
.yt-frame { width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: var(--radius-sm); background: #000; display: block; }