.vp{color:#fff;animation:vp-in .45s var(--ease,ease) both;background:#000;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;position:absolute;inset:0;overflow:hidden}@keyframes vp-in{0%{opacity:0;scale:1.04}}.vp-media{object-fit:cover}.vp-shade{background:linear-gradient(#00000073,#0000 22%),linear-gradient(#0000 58%,#000000b8);position:absolute;inset:0}.vp-top{justify-content:center;align-items:center;font-size:clamp(16.5px,15.404px + .281vw,19px);display:flex;position:absolute;top:62px;left:22px;right:22px}.vp-top b{border-bottom:3px solid #fff;padding-bottom:6px}.vp-top svg{position:absolute;right:0}.vp-play{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;border-radius:50%;place-items:center;width:84px;height:84px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.vp-rail{justify-items:center;gap:20px;margin:0;padding:0;list-style:none;display:grid;position:absolute;bottom:150px;right:12px}.vp-rail li{filter:drop-shadow(0 1px 3px #00000080);justify-items:center;gap:3px;display:grid}.vp-rail small{font-size:12.5px;font-weight:600}.vp-disc,.vp-avatar{background:#333;border-radius:50%;display:block;position:relative;overflow:hidden}.vp-disc{border:8px solid #1c1c1e;width:40px;height:40px;animation:6s linear infinite vp-spin}.vp-disc img,.vp-avatar img{object-fit:cover}@keyframes vp-spin{to{rotate:360deg}}.vp[data-platform=youtube] .vp-disc,.vp[data-platform=instagram] .vp-disc{border-width:2px;border-color:#fff;border-radius:10px;animation:none}.vp-info{gap:8px;display:grid;position:absolute;bottom:44px;left:18px;right:80px}.vp-who{align-items:center;gap:10px;font-size:clamp(14px,13.124px + .225vw,16px);display:flex}.vp-avatar{border:2px solid #fff;flex:none;width:38px;height:38px}.vp-follow{border:1.5px solid #ffffffd9;border-radius:9px;padding:5px 12px;font-size:14px;font-weight:600}.vp[data-platform=tiktok] .vp-follow{background:#fe2c55;border-color:#0000}.vp[data-platform=youtube] .vp-follow{color:#0f0f0f;background:#fff;border-color:#0000;border-radius:999px}.vp-caption{white-space:pre-line;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(14px,13.562px + .112vw,15px);line-height:1.4;display:-webkit-box;overflow:hidden}.vp-sound{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:14px;display:flex;overflow:hidden}.vp-progress{background:#ffffff4d;height:3px;position:absolute;bottom:26px;left:0;right:0}.vp-progress i{background:#fff;width:36%;height:100%;display:block}.vp[data-platform=youtube] .vp-progress i{background:red}@media (prefers-reduced-motion:reduce){.vp,.vp-disc{animation:none}}
.ppv{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:clamp(18px,3vw,36px);display:grid}.ppv-editor{gap:14px;min-width:0;display:grid}.ppv-composer{border:1px solid var(--border);background:var(--surface);box-shadow:var(--elev-2);border-radius:22px;gap:10px;padding:16px;display:grid}.ppv-label{color:var(--heading);align-items:center;gap:10px;font-size:14.5px;font-weight:800;display:flex}.ppv-badge{background:var(--pc);width:32px;height:32px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;font-size:clamp(14px,13.562px + .112vw,15px);display:grid}.ppv-text{box-sizing:border-box;background:var(--surface-alt);width:100%;font:inherit;color:var(--text);resize:vertical;transition:border-color .15s var(--ease), background .15s var(--ease);border:1px solid #0000;border-radius:14px;padding:12px 14px;font-size:clamp(14px,13.343px + .169vw,15.5px);line-height:1.5}.ppv-text:focus{border-color:var(--pc);outline:3px solid color-mix(in srgb, var(--pc) 15%, transparent);background:var(--surface)}.ppv-meter{border-radius:var(--r-pill);background:var(--surface-alt);height:6px;overflow:hidden}.ppv-meter i{border-radius:inherit;background:linear-gradient(90deg, var(--success), var(--pc));height:100%;transition:width .25s var(--ease);display:block}.ppv-meter[data-over] i{background:var(--danger)}.ppv-stats{color:var(--text-2);flex-wrap:wrap;justify-content:space-between;gap:4px 14px;font-size:13px;font-weight:700;display:flex}.ppv-stats span{align-items:center;gap:4px;display:inline-flex}.ppv-stats [data-over]{color:var(--danger)}.ppv-controls{flex-wrap:wrap;gap:10px;display:flex}.ppv-seg{border-radius:var(--r-pill);background:var(--surface);max-width:100%;box-shadow:inset 0 0 0 1px var(--border);flex-wrap:nowrap;gap:2px;padding:3px;display:inline-flex}.ppv-seg button{border-radius:var(--r-pill);min-height:36px;font:inherit;white-space:nowrap;color:var(--text-2);cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:0;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.ppv-seg button:hover{color:var(--heading)}.ppv-seg button:focus-visible{outline:2px solid var(--pc);outline-offset:1px}.ppv-seg button[aria-pressed=true]{background:var(--pc);color:var(--on-accent)}.ppv-shape{border:1.5px solid;border-radius:3px;width:11px;max-height:16px;display:block}.ppv-limits{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;margin:0;display:grid}.ppv-limits>div{border:1px solid var(--border);background:var(--surface);border-radius:16px;gap:2px;padding:12px;display:grid}.ppv-limit-icon{background:color-mix(in srgb, var(--pc) 12%, var(--surface));width:30px;height:30px;color:var(--pc);border-radius:10px;order:-2;place-items:center;margin-bottom:4px;display:grid}.ppv-limits dd{font-family:var(--font-display);overflow-wrap:anywhere;color:var(--heading);order:-1;margin:0;font-size:clamp(14px,13.124px + .225vw,16px);font-weight:800}.ppv-limits dt{color:var(--text-3);font-size:12px;font-weight:600}.ppv-formats{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ppv-formats span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-right:4px;font-size:12px;font-weight:800}.ppv-formats b{background:var(--surface-alt);text-transform:uppercase;color:var(--text-2);border-radius:8px;padding:3px 9px;font-size:12px;font-weight:700}.ppv-preview{background:linear-gradient(160deg, color-mix(in srgb, var(--pc) 12%, var(--surface)), var(--surface-alt));border-radius:28px;justify-items:center;gap:14px;padding:22px;display:grid;position:sticky;top:96px}.ppv-preview .spp{max-width:340px}.ppv-phone{--pd-zoom:.64}.ppv-phone .pd-status{color:var(--on-accent);background:0 0}.ppv-phone .pd-home{background:var(--on-accent)}.ppv-live{border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--elev-1);color:var(--danger);align-items:center;gap:6px;padding:4px 12px;font-size:12.5px;font-weight:800;display:inline-flex}.ppv-live:before{content:"";background:var(--danger);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite ppv-rec}@keyframes ppv-rec{50%{opacity:.3}}.ppv-cta{border-radius:var(--r-pill);background:var(--accent);min-height:48px;box-shadow:0 16px 30px -18px var(--accent);color:var(--on-accent);align-items:center;gap:7px;padding:0 22px;font-size:clamp(14px,13.562px + .112vw,15px);font-weight:800;text-decoration:none;display:inline-flex}@media (min-width:901px){.ppv{align-items:stretch}.ppv-editor{grid-template-rows:minmax(0,1fr) auto auto auto}.ppv-composer{grid-template-rows:auto minmax(120px,1fr) auto auto}.ppv-preview{align-self:start}}@media (max-width:900px){.ppv{grid-template-columns:minmax(0,1fr)}.ppv-preview{position:static}}@media (max-width:640px){.ppv{gap:14px}.ppv-editor{gap:10px}.ppv-composer{border-radius:18px;padding:12px}.ppv-text{font-size:clamp(14px,13.562px + .112vw,15px)}.ppv-controls{gap:8px}.ppv-seg button{min-height:34px;padding:0 9px;font-size:12px}.ppv-limits{gap:6px}.ppv-limits>div{border-radius:12px;padding:8px}.ppv-limit-icon{border-radius:8px;width:26px;height:26px}.ppv-limits dd{font-size:13.5px}.ppv-limits dt{font-size:11px}.ppv-preview{border-radius:20px;padding:12px 8px}.ppv-preview .spp{width:100%;max-width:none}.ppv-cta{justify-content:center;width:100%}.ppv-phone{--pd-zoom:.5}.ppv-cta{min-height:44px;font-size:14px}}@media (prefers-reduced-motion:reduce){.ppv-live:before{animation:none}.ppv-meter i,.ppv-seg button,.ppv-text{transition:none}}