/* Per-post YouTube preview: balanced with the existing KLWP design. */
.klwp-showcase-panel{margin:20px 0 0;min-width:0}
.klwp-showcase-heading{margin-bottom:12px}
.klwp-showcase-kicker{display:block;font-size:10px;letter-spacing:.14em;font-weight:750;color:var(--studio-muted,#94a3b8);margin-bottom:4px}
.klwp-showcase-heading h2{font-size:clamp(16px,1.8vw,20px);font-weight:750;line-height:1.3;color:var(--studio-text,inherit);margin:0}
.klwp-showcase-screen{position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#070b14;border:1px solid var(--studio-line,#2b3545)}
.klwp-showcase-play{position:absolute;inset:0;display:block;text-decoration:none;color:#fff}
.klwp-showcase-play img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.73)}
.klwp-showcase-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.78) 100%)}
.klwp-showcase-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform .18s ease;pointer-events:none}
.klwp-showcase-play:hover .klwp-showcase-icon,.klwp-showcase-play:focus-visible .klwp-showcase-icon{transform:scale(1.08)}
.klwp-showcase-label{position:absolute;bottom:12px;left:14px;font-size:13px;font-weight:700;letter-spacing:.01em}
.klwp-showcase-play:focus-visible{outline:3px solid var(--studio-accent,#2563eb);outline-offset:-4px}
.klwp-showcase-screen iframe{position:absolute;inset:0;width:100%;height:100%;display:block;border:0}
.klwp-showcase-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;margin:10px 1px 0;color:var(--studio-muted,#94a3b8);font-size:12px}
.klwp-showcase-footer a{color:var(--studio-text,inherit);font-weight:650;text-decoration:underline;text-underline-offset:3px}
.klwp-showcase-footer a:focus-visible{outline:2px solid var(--studio-accent,#2563eb);outline-offset:3px}
@media(max-width:640px){.klwp-showcase-panel{margin-top:18px}.klwp-showcase-heading h2{font-size:17px}.klwp-showcase-footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){.klwp-showcase-icon{transition:none}}
