.vp-figure{gap:12px;margin:0;display:grid}.vp-frame{border:1px solid var(--border);background:var(--surface);border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:0 24px 60px -28px #5b61da2e}.vp-frame video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.vp-placeholder{background:radial-gradient(ellipse 70% 60% at 50% 38%, color-mix(in srgb, var(--accent-soft) 70%, transparent), transparent 65%), var(--surface);place-items:center;display:grid}.vp-grid{background-image:linear-gradient(to right, var(--border) 1px, transparent 1px), linear-gradient(to bottom, var(--border) 1px, transparent 1px);opacity:.35;pointer-events:none;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50%,#000 30%,#0000 80%);mask-image:radial-gradient(60% 50%,#000 30%,#0000 80%)}.vp-placeholder-inner{z-index:1;text-align:center;justify-items:center;gap:16px;padding:24px;display:grid;position:relative}.vp-placeholder-mark{background:var(--accent);color:#fff;width:64px;height:64px;box-shadow:0 0 0 8px color-mix(in srgb, var(--accent-soft) 80%, transparent), 0 14px 30px -8px #5b61da59;border-radius:999px;place-items:center;display:grid}.vp-play-tri{margin-left:4px;font-size:18px;line-height:1}.vp-placeholder-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.vp-caption{color:var(--ink-3);text-align:center;letter-spacing:.02em;font-size:12px}