:root{--pp-primary:#4f46e5;--pp-primary-hover:#4338ca;--pp-accent:#f59e0b;--pp-live:#ef4444;--pp-live-dark:#dc2626;--pp-bg:#ffffff;--pp-bg-soft:#f8fafc;--pp-bg-card:#ffffff;--pp-border:#cbd5e1;--pp-border-strong:#94a3b8;--pp-text:#0f172a;--pp-text-muted:#64748b;--pp-text-sub:#475569;--pp-shadow-sm:0 2px 5px rgba(15,23,42,.1);--pp-shadow-md:0 8px 30px rgba(15,23,42,.12);--pp-radius:12px;--pp-radius-lg:16px}[data-bs-theme="dark"]{--pp-bg:#0b1020;--pp-bg-soft:#111827;--pp-bg-card:#1f2937;--pp-border:#334155;--pp-border-strong:#475569;--pp-text:#f1f5f9;--pp-text-muted:#94a3b8;--pp-text-sub:#cbd5e1;--pp-shadow-md:0 6px 24px rgba(0,0,0,.45)}.product-page{max-width:clamp(720px,96%,1520px);margin:0 auto;padding:2rem 1rem 4rem;color:var(--pp-text);font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.55}@media (min-width:1400px){.product-page{max-width:1320px}}@media (min-width:1600px){.product-page{max-width:1520px}}.pp-section{margin:3rem 0 0;background:var(--pp-bg-card);border:1px solid var(--pp-border);border-radius:var(--pp-radius);padding:1.5rem 1.8rem;box-shadow:var(--pp-shadow-md)}.pp-section h2{font-size:1.7rem;font-weight:700;margin-bottom:1.2rem;color:var(--pp-text)}.pp-dot{color:var(--pp-text-muted);margin:0 .35rem}.pp-hero{text-align:center;padding:3.5rem 1rem 3rem;background:linear-gradient(135deg,rgba(79,70,229,0.08) 0%,rgba(79,70,229,0.02) 100%);border-radius:var(--pp-radius-lg);margin-bottom:2rem;border:1px solid rgba(79,70,229,0.15);box-shadow:0 10px 40px -10px rgba(79,70,229,0.1)}[data-bs-theme="dark"] .pp-hero{background:linear-gradient(135deg,rgba(79,70,229,0.15) 0%,transparent 100%);border-color:rgba(79,70,229,0.2)}.pp-hero--live{background:linear-gradient(135deg,rgba(239,68,68,0.12) 0%,rgba(239,68,68,0.04) 100%);border-color:rgba(239,68,68,0.2);box-shadow:0 10px 40px -10px rgba(239,68,68,0.12)}[data-bs-theme="dark"] .pp-hero--live{background:linear-gradient(135deg,rgba(239,68,68,0.15) 0%,transparent 100%);border-color:rgba(239,68,68,0.2)}.pp-hero__title{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-0.02em;margin:0 0 1rem;display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem}.pp-hero__badge{font-size:0.48em;font-weight:700;letter-spacing:0.05em;padding:0.2rem 0.6rem;border-radius:8px;vertical-align:middle;text-transform:lowercase;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);cursor:default;user-select:none;font-family:ui-monospace,'SFMono-Regular','Menlo',monospace;box-shadow:0 4px 12px rgba(0,0,0,0.05)}.pp-hero__badge:hover{transform:scale(1.06) translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,0.1)}.pp-hero__badge--playlist{background:linear-gradient(135deg,rgba(79,70,229,0.08) 0%,rgba(168,85,247,0.08) 100%);color:#4f46e5;border:1px solid rgba(79,70,229,0.2)}[data-bs-theme="dark"] .pp-hero__badge--playlist{background:linear-gradient(135deg,rgba(99,102,241,0.15) 0%,rgba(168,85,247,0.15) 100%);color:#a5b4fc;border:1px solid rgba(99,102,241,0.3);box-shadow:0 4px 15px rgba(99,102,241,0.15)}.pp-hero__badge--playlist:hover{border-color:rgba(99,102,241,0.5)}.pp-hero__badge--live{background:linear-gradient(135deg,rgba(239,68,68,0.08) 0%,rgba(249,115,22,0.08) 100%);color:#ef4444;border:1px solid rgba(239,68,68,0.2)}[data-bs-theme="dark"] .pp-hero__badge--live{background:linear-gradient(135deg,rgba(239,68,68,0.15) 0%,rgba(249,115,22,0.15) 100%);color:#fca5a5;border:1px solid rgba(239,68,68,0.3);box-shadow:0 4px 15px rgba(239,68,68,0.15)}.pp-hero__badge--live:hover{border-color:rgba(239,68,68,0.5)}.pp-hero__subtitle{font-size:1.15rem;color:var(--pp-text-sub);max-width:640px;margin:0 auto 2rem}.pp-hero__subtitle strong{color:var(--pp-primary)}.pp-hero--live .pp-hero__subtitle strong{color:var(--pp-live)}.pp-hero__sites{margin-top:1.2rem;color:var(--pp-text-muted);font-size:.95rem}.pp-hero__sites strong{color:var(--pp-text);font-weight:600}.pp-analyze-form{display:flex;gap:.6rem;max-width:840px;margin:0 auto;flex-wrap:wrap}.pp-input-wrap{position:relative;flex:1 1 360px;display:flex;align-items:center;background:var(--pp-bg-card);border:2px solid var(--pp-border);border-radius:var(--pp-radius);box-shadow:var(--pp-shadow-sm);transition:border-color .2s,box-shadow .2s}.pp-input-wrap:focus-within{border-color:var(--pp-primary);box-shadow:0 0 0 3px rgba(79,70,229,.15)}.pp-input-icon{padding:0 .6rem 0 .9rem;color:var(--pp-text-muted);font-size:1.15rem;flex-shrink:0}.pp-input{flex:1;padding:.85rem .5rem;border:none;background:transparent;color:var(--pp-text);font-size:.95rem;outline:none;min-width:0}.pp-paste-btn{background:transparent;border:none;color:var(--pp-text-muted);padding:0 .9rem;cursor:pointer;font-size:1.1rem;transition:color .15s}.pp-paste-btn:hover{color:var(--pp-primary)}.pp-analyze-btn{background:var(--pp-primary);color:#fff;border:none;padding:0 1.4rem;border-radius:var(--pp-radius);font-weight:600;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;min-height:48px;transition:background .15s,transform .1s}.pp-analyze-btn:hover:not(:disabled){background:var(--pp-primary-hover)}.pp-analyze-btn:active:not(:disabled){transform:translateY(1px)}.pp-analyze-btn:disabled{opacity:.55;cursor:wait}.pp-analyze-btn--live{background:var(--pp-live)}.pp-analyze-btn--live:hover:not(:disabled){background:var(--pp-live-dark)}.pp-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.pp-feature-card{background:var(--pp-bg-card);border:1px solid var(--pp-border);border-radius:var(--pp-radius);padding:1.3rem 1.1rem;text-align:center;transition:transform .15s,box-shadow .15s}.pp-feature-card:hover{transform:translateY(-2px);box-shadow:var(--pp-shadow-md)}.pp-feature-icon{font-size:1.8rem;color:var(--pp-primary);margin-bottom:.6rem;display:block}.product-page--live .pp-feature-icon{color:var(--pp-live)}.pp-feature-card h3{font-size:1rem;font-weight:600;margin:.2rem 0 .4rem}.pp-feature-card p{font-size:.88rem;color:var(--pp-text-muted);margin:0}.pp-results{margin:2.5rem 0;background:var(--pp-bg-card);border:1px solid var(--pp-border);border-radius:var(--pp-radius-lg);padding:1.5rem}.pp-results__header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--pp-border)}.pp-results__title{font-size:1.3rem;font-weight:700;margin:0 0 .4rem}.pp-results__meta{color:var(--pp-text-muted);font-size:.88rem;margin:0}.pp-toolbar{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-bottom:1.2rem}.pp-checkbox{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.92rem;user-select:none}.pp-checkbox--disabled{opacity:.55;cursor:not-allowed}.pp-checkbox input[type="checkbox"]{width:16px;height:16px;accent-color:var(--pp-primary)}.pp-filter-wrap{position:relative;flex:1 1 200px;max-width:320px;display:flex;align-items:center;background:var(--pp-bg-soft);border:1px solid var(--pp-border);border-radius:8px;padding:0 .5rem}.pp-filter-wrap i{color:var(--pp-text-muted);margin-right:.3rem}.pp-filter{flex:1;padding:.45rem 0;background:transparent;border:none;outline:none;color:var(--pp-text);font-size:.9rem;min-width:0}.pp-default-fmt{display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem;color:var(--pp-text-muted)}.pp-select{padding:.35rem .5rem;border-radius:6px;border:1px solid var(--pp-border);background:var(--pp-bg-card);color:var(--pp-text);font-size:.88rem}.pp-mini-btn{padding:.35rem .75rem;border-radius:6px;border:1px solid var(--pp-border);background:var(--pp-bg-card);color:var(--pp-text);font-size:.85rem;cursor:pointer;transition:background .15s;display:inline-flex;align-items:center;gap:.35rem}.pp-mini-btn:hover{background:var(--pp-bg-soft)}.pp-mini-btn--danger{color:#fff;background:var(--pp-live);border-color:var(--pp-live)}.pp-mini-btn--danger:hover{background:var(--pp-live-dark)}.pp-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.8rem;max-height:600px;overflow-y:auto;padding:.25rem}.pp-video-card{display:flex;gap:.7rem;background:var(--pp-bg-soft);border:1px solid var(--pp-border);border-radius:10px;padding:.6rem;transition:border-color .15s,background .15s;position:relative;color:var(--pp-text)}.pp-video-card.is-selected{border-color:var(--pp-primary)}.pp-video-card__thumb{width:96px;height:64px;flex-shrink:0;background:#000;border-radius:6px;overflow:hidden;position:relative}.pp-video-card__thumb img{width:100%;height:100%;object-fit:cover}.pp-video-card__duration{position:absolute;bottom:3px;right:3px;background:rgba(0,0,0,.75);color:#fff;font-size:.72rem;padding:1px 5px;border-radius:3px}.pp-video-card__body{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0;color:var(--pp-text)}.pp-video-card__title{font-size:.85rem;font-weight:500;line-height:1.3;color:var(--pp-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pp-video-card__meta{font-size:.75rem;color:var(--pp-text-muted);margin-top:auto}.pp-video-card__controls{display:flex;align-items:center;gap:.35rem;margin-top:.25rem}.pp-video-card__controls .pp-select{flex:1;padding:.2rem .35rem;font-size:.78rem}.pp-video-card__cb{position:absolute;top:.55rem;right:.55rem;width:18px;height:18px;accent-color:var(--pp-primary);cursor:pointer}.pp-sticky-footer{position:sticky;bottom:0;margin-top:1.2rem;padding:1rem 1.2rem;background:var(--pp-bg-card);border:1px solid var(--pp-border);border-radius:var(--pp-radius);box-shadow:var(--pp-shadow-md);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem}.pp-summary{font-size:.92rem;color:var(--pp-text-sub)}.pp-summary strong{color:var(--pp-primary);font-size:1.1rem;margin-right:.3rem}.pp-limit-hint{color:var(--pp-text-muted);font-size:.85rem}.pp-limit-hint.is-exceeded{color:var(--pp-live);font-weight:600}.pp-footer-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.pp-register-link{color:var(--pp-primary);font-size:.88rem;text-decoration:none;display:inline-flex;align-items:center;gap:.3rem}.pp-register-link:hover{text-decoration:underline}.pp-download-btn{background:var(--pp-primary);color:#fff;border:none;padding:.7rem 1.4rem;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:background .15s}.pp-download-btn:hover:not(:disabled){background:var(--pp-primary-hover)}.pp-download-btn:disabled{opacity:.45;cursor:not-allowed}.pp-download-btn--record{background:var(--pp-live)}.pp-download-btn--record:hover:not(:disabled){background:var(--pp-live-dark)}.pp-downloading{margin:2rem 0;background:var(--pp-bg-card);border:1px solid var(--pp-border);border-radius:var(--pp-radius-lg);padding:1.5rem}.pp-dl-header h2{font-size:1.3rem;margin:0 0 .4rem;display:flex;align-items:center;gap:.5rem}.pp-dl-note{color:var(--pp-text-muted);font-size:.9rem;margin:0 0 1rem}.pp-dl-coming-soon{background:var(--pp-bg-soft);padding:2px 8px;border-radius:4px;font-size:.78rem;margin-left:.3rem}.pp-dl-output{background:#0f172a;color:#e2e8f0;padding:1rem;border-radius:8px;font-family:ui-monospace,'SFMono-Regular','Menlo',monospace;font-size:.82rem;line-height:1.5;max-height:420px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;color-scheme:only dark}.pp-dl-actions{display:flex;gap:.6rem;margin-top:.8rem;flex-wrap:wrap}.pp-steps{padding-left:1.2rem;font-size:1rem}.pp-steps li{margin-bottom:.6rem;color:var(--pp-text-sub)}.pp-steps strong{color:var(--pp-primary)}.product-page--live .pp-steps strong{color:var(--pp-live)}.pp-tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.pp-tier{background:var(--pp-bg-card);border:1px solid var(--pp-border);border-radius:var(--pp-radius);padding:1.3rem;display:flex;flex-direction:column;gap:.5rem}.pp-tier--highlight{border:2px solid var(--pp-primary);position:relative}.pp-tier h3{font-size:1.1rem;font-weight:700;margin:0 0 .3rem}.pp-tier ul{padding-left:1.1rem;margin:0;font-size:.9rem;color:var(--pp-text-sub);flex:1}.pp-tier li{margin-bottom:.35rem}.pp-tier-cta{display:inline-block;margin-top:.6rem;padding:.55rem 1rem;background:var(--pp-primary);color:#fff;border-radius:8px;text-decoration:none;text-align:center;font-weight:600;font-size:.9rem}.pp-tier-cta:hover{background:var(--pp-primary-hover);color:#fff}.pp-tier-cta--alt{background:var(--pp-accent)}.pp-tier-cta--alt:hover{background:#d97706}.pp-faq-item{border-bottom:1px solid var(--pp-border);padding:1rem 0}.pp-faq-item summary{cursor:pointer;font-weight:600;font-size:1rem;list-style:none;padding-right:1.5rem;position:relative;color:var(--pp-text)}.pp-faq-item summary::-webkit-details-marker{display:none}.pp-faq-item summary::after{content:'+';position:absolute;right:0;top:0;font-size:1.4rem;color:var(--pp-text-muted);transition:transform .2s}.pp-faq-item[open] summary::after{content:'−'}.pp-faq-item p{margin:.7rem 0 0;color:var(--pp-text-sub);font-size:.93rem}.pp-backlink{text-align:center;padding:1.5rem;background:var(--pp-bg-soft);border-radius:var(--pp-radius)}.pp-backlink a{color:var(--pp-primary);text-decoration:none}.pp-backlink a:hover{text-decoration:underline}@keyframes pp-live-pulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.7)}50%{box-shadow:0 0 0 8px rgba(239,68,68,0)}}.pp-live-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--pp-live);animation:pp-live-pulse 1.6s infinite;vertical-align:middle}.lp-status{margin:2rem 0;background:var(--pp-bg-card);border:1px solid var(--pp-border);border-radius:var(--pp-radius-lg);padding:1.5rem}.lp-status-card{display:flex;gap:1rem;padding-bottom:1.2rem;border-bottom:1px solid var(--pp-border);flex-wrap:wrap}.lp-status-thumb{width:180px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#000;aspect-ratio:16 / 9}.lp-status-thumb img{width:100%;height:100%;object-fit:cover}.lp-status-body{flex:1;min-width:240px;color:var(--pp-text)}.lp-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.5rem}.lp-badge--live{background:var(--pp-live);color:#fff}.lp-badge--ended{background:var(--pp-text-muted);color:#fff}.lp-badge--upcoming{background:var(--pp-accent);color:#fff}.lp-badge__dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor}.lp-badge--live .lp-badge__dot{animation:pp-live-pulse 1.6s infinite;background:#fff}.lp-title{font-size:1.3rem;font-weight:700;margin:.2rem 0 .4rem}.lp-meta{font-size:.88rem;color:var(--pp-text-muted);margin:0}.lp-modes{margin:1.3rem 0}.lp-modes__title{font-size:1rem;margin:0 0 .8rem;font-weight:600}.lp-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem}.lp-mode-card{background:var(--pp-bg-soft);border:2px solid var(--pp-border);border-radius:var(--pp-radius);padding:1rem;cursor:pointer;transition:border-color .15s,background .15s;display:block}.lp-mode-card:has(input:checked){border-color:var(--pp-live);background:var(--pp-bg-card)}.lp-mode-card input[type="radio"]{position:absolute;opacity:0;pointer-events:none}.lp-mode-card__body{display:flex;flex-direction:column;gap:.4rem;color:var(--pp-text)}.lp-mode-card__body i{font-size:1.5rem;color:var(--pp-live)}.lp-mode-card__body strong{font-size:1rem}.lp-mode-card__body p{color:var(--pp-text-muted);font-size:.85rem;margin:0}.lp-duration-picker,.lp-range-inputs{display:flex;align-items:center;gap:.4rem;font-size:.85rem;margin-top:.4rem;flex-wrap:wrap}.lp-range-inputs input{width:90px;padding:.3rem .5rem;border:1px solid var(--pp-border);border-radius:6px;background:var(--pp-bg-card);color:var(--pp-text);font-family:ui-monospace,monospace;font-size:.85rem}.lp-range-inputs input:disabled{opacity:.5;cursor:not-allowed}.lp-mode-hint{font-size:.8rem;color:var(--pp-text-muted);display:flex;align-items:center;gap:.3rem;margin-top:.4rem}.lp-options{margin:1rem 0;padding:1rem;background:var(--pp-bg-soft);border-radius:var(--pp-radius);display:flex;flex-direction:column;gap:.6rem}.lp-option-row{display:flex;align-items:center;gap:.6rem;font-size:.9rem;flex-wrap:wrap}.lp-option-row>label:first-child{color:var(--pp-text-muted);min-width:70px}.lp-quality-btns{display:flex;gap:.3rem;flex-wrap:wrap}.lp-quality-btn{padding:.3rem .75rem;border-radius:6px;border:1px solid var(--pp-border);background:var(--pp-bg-card);color:var(--pp-text);font-size:.82rem;cursor:pointer}.lp-quality-btn.is-active{background:var(--pp-live);color:#fff;border-color:var(--pp-live)}.pp-badge-sm{font-size:.7rem;padding:1px 6px;border-radius:4px;background:var(--pp-accent);color:#fff;margin-left:.3rem}.pp-error{background:rgba(239,68,68,.08);color:#dc2626;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.8rem 1rem;margin:1rem 0;font-size:.9rem}.pp-error a{color:inherit;text-decoration:underline;font-weight:600}.pp-signup-link{display:inline-block;margin-top:0.5rem;padding:0.4rem 1rem;background:#dc2626;color:#fff!important;text-decoration:none!important;border-radius:6px;font-size:0.85rem;transition:background 0.2s}.pp-signup-link:hover{background:#b91c1c}@media (max-width:640px){.pp-hero{padding:2rem .5rem 1.5rem}.pp-analyze-form{flex-direction:column}.pp-input-wrap{flex-basis:auto;width:100%}.pp-analyze-btn{width:100%;justify-content:center}.pp-video-grid{grid-template-columns:1fr;max-height:480px}.pp-sticky-footer{flex-direction:column;align-items:stretch}.pp-footer-actions{justify-content:center}.lp-status-thumb{width:100%}}