.showcase{background:var(--bg-secondary)}.showcase-frame{aspect-ratio:16/9;border-radius:var(--radius-xl);border:1px solid var(--border-glow);background:var(--bg-tertiary);max-width:960px;box-shadow:var(--glow-card), var(--glow-purple);margin:0 auto;position:relative;overflow:hidden}.showcase-video{object-fit:cover;background:#000;width:100%;height:100%;display:block}.showcase-play{color:#fff;background:var(--gradient-primary);width:84px;height:84px;transition:transform var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #7c3aed80}.showcase-play:hover{transform:translate(-50%,-50%)scale(1.08)}.showcase-play svg{margin-left:4px}.showcase-play-glow{z-index:-1;background:#7c3aed73;border-radius:50%;animation:2s ease-in-out infinite pulse;position:absolute;inset:-10px}.showcase-placeholder{text-align:center;padding:var(--space-xl);background:linear-gradient(135deg, var(--bg-tertiary), var(--bg-secondary));flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.showcase-placeholder-icon{margin-bottom:var(--space-md);opacity:.85;font-size:48px}.showcase-placeholder-title{font-family:var(--font-heading);font-size:var(--fs-lg);color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:600}.showcase-placeholder-text{font-size:var(--fs-sm);color:var(--text-secondary);max-width:380px}.showcase-placeholder code{color:var(--accent-purple-light);border-radius:var(--radius-sm);background:#7c3aed1f;padding:1px 6px;font-family:monospace}.showcase-tabs{justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.showcase-tab{font-size:var(--fs-sm);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);border-radius:999px;padding:8px 18px;font-weight:500}.showcase-tab:hover{color:var(--text-primary);border-color:var(--border-glow)}.showcase-tab.active{color:#fff;background:var(--gradient-primary);border-color:#0000}