.cs-scope{--brand:#6c3df4;--brand-dark:#5429d6;--brand-soft:#f1eafe;--ink:#17141f;--muted:#6b6577;--line:#e8e4f0;--bg:#fff;--bg-alt:#faf8ff;--card:#fff;--radius:14px;--shadow:0 6px 24px #17141f14;--font:system-ui, -apple-system, "Segoe UI", Roboto, Inter, sans-serif}.cs-scope *{box-sizing:border-box}.cs-scope{scroll-behavior:smooth;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}.cs-scope .wrap{max-width:1080px;margin:0 auto;padding:0 20px}.cs-scope h1,.cs-scope h2,.cs-scope h3{letter-spacing:-.01em;line-height:1.25}.cs-scope h2{margin:0 0 1.2rem;font-size:1.7rem}.cs-scope a{color:var(--brand)}.cs-scope .site-header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.cs-scope .header-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.cs-scope .brand{color:var(--ink);align-items:center;gap:9px;font-size:1.2rem;font-weight:800;text-decoration:none;display:flex}.cs-scope .site-nav{gap:18px;display:flex}.cs-scope .site-nav a{color:var(--muted);font-size:.95rem;font-weight:600;text-decoration:none}.cs-scope .site-nav a:hover{color:var(--brand)}.cs-scope .hero{text-align:center;background:radial-gradient(60% 90% at 50% 0%, var(--brand-soft), transparent);padding:64px 0 52px}.cs-scope .kicker{color:var(--brand);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;font-size:.85rem;font-weight:700}.cs-scope .hero h1{margin:0 0 14px;font-size:clamp(2rem,5.4vw,3.2rem)}.cs-scope .lede{color:var(--muted);max-width:640px;margin:0 auto 26px;font-size:1.12rem}.cs-scope .hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:26px;display:flex}.cs-scope .trust-row{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:0;padding:0;font-size:.95rem;font-weight:600;list-style:none;display:flex}.cs-scope .btn{cursor:pointer;font:600 1rem/1 var(--font);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;text-decoration:none;transition:transform 60ms,background .15s;display:inline-flex}.cs-scope .btn:active{transform:scale(.98)}.cs-scope .btn-primary{background:var(--brand);color:#fff}.cs-scope .btn-primary:hover{background:var(--brand-dark)}.cs-scope .btn-ghost{border-color:var(--line);color:var(--ink);background:#fff}.cs-scope .btn-ghost:hover{border-color:var(--brand);color:var(--brand)}.cs-scope .btn-lg{padding:15px 30px;font-size:1.06rem}.cs-scope .btn-sm{padding:8px 14px;font-size:.88rem}.cs-scope .btn-block{width:100%}.cs-scope .btn[disabled]{opacity:.55;cursor:not-allowed}.cs-scope .tool-section{padding:36px 0 8px}.cs-scope .dropzone{border-radius:var(--radius);background:var(--bg-alt);text-align:center;cursor:pointer;border:2px dashed #c9bdf3;padding:56px 24px;transition:border-color .15s,background .15s;position:relative}.cs-scope .dropzone:hover,.cs-scope .dropzone.drag{border-color:var(--brand);background:#f6f1ff}.cs-scope .dz-title{margin:14px 0 6px;font-size:1.15rem;font-weight:700}.cs-scope .dz-browse{color:var(--brand);text-decoration:underline}.cs-scope .dz-sub{color:var(--muted);margin:0;font-size:.95rem}.cs-scope .dz-loading{flex-direction:column;align-items:center;gap:12px;display:flex}.cs-scope .dz-error{color:#b3261e;background:#fdeceb;border-radius:10px;margin:12px 0 0;padding:13px 16px;font-size:.95rem;font-weight:600}.cs-scope .spinner{border:4px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cs-scope .editor{margin-top:8px}.cs-scope .editor-grid{grid-template-columns:1fr;gap:26px;display:grid}@media (width>=900px){.editor-grid{grid-template-columns:1.05fr .95fr;align-items:start}}.cs-scope .preview-pane video{border-radius:var(--radius);width:100%;box-shadow:var(--shadow);background:#000;max-height:52vh}.cs-scope .file-meta{color:var(--muted);margin:10px 2px 18px;font-size:.9rem}.cs-scope .timeline-block{margin-bottom:14px}.cs-scope .timeline{cursor:crosshair;touch-action:none;background:#efeafb;border-radius:10px;height:44px;position:relative;overflow:hidden}.cs-scope .timeline-track{opacity:.55;background:linear-gradient(90deg,#d9ccff,#b9a3f7);position:absolute;inset:0}.cs-scope .timeline-playhead{background:var(--ink);width:2px;position:absolute;top:0;bottom:0;left:0}.cs-scope .timeline-playhead:after{content:"";border:6px solid #0000;border-top-color:var(--ink);position:absolute;top:-1px;left:-5px}.cs-scope .cut-marker{cursor:pointer;background:#e0395f;width:3px;position:absolute;top:0;bottom:0}.cs-scope .cut-marker:after{content:"✕";color:#fff;opacity:0;background:#e0395f;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cs-scope .cut-marker:hover:after{opacity:1}.cs-scope .timeline-times{color:var(--muted);justify-content:space-between;margin-top:4px;font-size:.85rem;display:flex}.cs-scope .cut-chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.cs-scope .cut-chip{background:var(--brand-soft);color:var(--brand-dark);border-radius:999px;align-items:center;gap:6px;padding:5px 6px 5px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.cs-scope .cut-chip button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;padding:2px 6px;font-size:.9rem}.cs-scope .cut-chip button:hover{background:#6c3df426}.cs-scope .controls-pane{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.cs-scope .mode-tabs{background:var(--bg-alt);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:18px;padding:6px;display:grid}.cs-scope .mode-tab{cursor:pointer;font:700 .82rem var(--font);color:var(--muted);background:0 0;border:0;border-radius:8px;padding:10px 4px}.cs-scope .mode-tab.active{color:var(--brand-dark);background:#fff;box-shadow:0 2px 8px #17141f1a}.cs-scope .mode-panel{display:none}.cs-scope .mode-panel.active{animation:.18s fade;display:block}@keyframes fade{0%{opacity:0;transform:translateY(4px)}}.cs-scope .field-label{margin:0 0 8px;font-size:.92rem;font-weight:700;display:block}.cs-scope .hint{color:var(--muted);font-size:.82rem;font-weight:400}.cs-scope .field-hint{color:var(--muted);margin:8px 0 0;font-size:.86rem}.cs-scope .field{border:1.5px solid var(--line);width:100%;font:500 1rem var(--font);color:var(--ink);background:#fff;border-radius:10px;padding:11px 13px}.cs-scope .field:focus{outline:2px solid var(--brand);outline-offset:-1px;border-color:var(--brand)}.cs-scope .field-sm{width:auto;min-width:130px}.cs-scope .inline-field{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:10px;display:flex}.cs-scope .inline-field>div{flex-direction:column;gap:6px;display:flex}.cs-scope .chip-row{flex-wrap:wrap;gap:8px;display:flex}.cs-scope .chip{border:1.5px solid var(--line);font:700 .92rem var(--font);cursor:pointer;color:var(--muted);background:#fff;border-radius:999px;padding:9px 18px}.cs-scope .chip.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-dark)}.cs-scope .opt-group{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.cs-scope .radio-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cs-scope .radio-card{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;gap:2px;padding:12px 13px;display:flex}.cs-scope .radio-card strong{font-size:.95rem}.cs-scope .radio-card span{color:var(--muted);font-size:.8rem}.cs-scope .radio-card.active{border-color:var(--brand);background:var(--brand-soft)}.cs-scope .plan-summary{background:var(--bg-alt);border:1px solid var(--line);border-radius:12px;margin-top:18px;padding:13px 15px;font-size:.93rem}.cs-scope .plan-summary strong{color:var(--brand-dark)}.cs-scope .fineprint{color:var(--muted);text-align:center;margin:10px 0 0;font-size:.82rem}.cs-scope .progress-wrap{margin-top:18px}.cs-scope .progress-top{justify-content:space-between;margin-bottom:6px;font-size:.9rem;font-weight:600;display:flex}.cs-scope .progress-bar{background:var(--line);border-radius:999px;height:10px;overflow:hidden}.cs-scope #progressFill{background:linear-gradient(90deg, var(--brand), #9a6bff);border-radius:999px;width:0;height:100%;transition:width .25s}.cs-scope .clip-status{color:var(--muted);max-height:150px;margin:12px 0 0;padding:0;font-size:.88rem;list-style:none;overflow:auto}.cs-scope .clip-status li{padding:3px 0}.cs-scope .clip-status .done{color:#1c7a3d}.cs-scope .results{margin-top:34px}.cs-scope .results-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.cs-scope .results-head h2{margin:0}.cs-scope .clip-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:14px;display:grid}.cs-scope .clip-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-direction:column;display:flex;overflow:hidden}.cs-scope .clip-card img{aspect-ratio:16/9;object-fit:cover;background:#111;width:100%;display:block}.cs-scope .clip-card.vertical img{aspect-ratio:9/16;object-fit:contain;background:#0d0b12;max-height:300px}.cs-scope .clip-body{flex-direction:column;flex:1;gap:4px;padding:13px 14px 15px;display:flex}.cs-scope .clip-name{word-break:break-all;font-size:.95rem;font-weight:700}.cs-scope .clip-meta{color:var(--muted);font-size:.84rem}.cs-scope .clip-card .btn{margin-top:9px}.cs-scope .section{padding:60px 0}.cs-scope .section-alt{background:var(--bg-alt)}.cs-scope .steps{grid-template-columns:1fr;gap:18px;display:grid}@media (width>=760px){.steps{grid-template-columns:repeat(3,1fr)}}.cs-scope .step{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px}.cs-scope .step-n{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;font-weight:800;display:inline-flex}.cs-scope .step h3{margin:0 0 8px;font-size:1.08rem}.cs-scope .step p{color:var(--muted);margin:0;font-size:.95rem}.cs-scope .feature-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=760px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.cs-scope .feature{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:22px}.cs-scope .feature h3{margin:0 0 8px;font-size:1.05rem}.cs-scope .feature p{color:var(--muted);margin:0;font-size:.94rem}.cs-scope .usecases{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=760px){.usecases{grid-template-columns:repeat(3,1fr)}}.cs-scope .usecase{border-left:4px solid var(--brand);padding:4px 0 4px 18px}.cs-scope .usecase h3{margin:0 0 6px;font-size:1.05rem}.cs-scope .usecase p{color:var(--muted);margin:0;font-size:.94rem}.cs-scope .faq-wrap{max-width:780px}.cs-scope .faq-list details{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:10px;padding:0;overflow:hidden}.cs-scope .faq-list summary{cursor:pointer;padding:16px 20px;font-weight:700;list-style:none}.cs-scope .faq-list summary::-webkit-details-marker{display:none}.cs-scope .faq-list summary:after{content:"+";float:right;color:var(--brand);font-size:1.3rem;line-height:1}.cs-scope .faq-list details[open] summary:after{content:"–"}.cs-scope .faq-list details p{color:var(--muted);margin:0;padding:0 20px 18px}.cs-scope .ad-slot{max-width:1080px;min-height:0;margin:30px auto;padding:0 20px}.cs-scope .site-footer{border-top:1px solid var(--line);background:#fff;padding:44px 0 34px}.cs-scope .footer-inner{gap:20px;display:grid}.cs-scope .footer-brand p{color:var(--muted);max-width:480px;font-size:.92rem}.cs-scope .footer-nav{flex-wrap:wrap;gap:18px;display:flex}.cs-scope .footer-nav a{color:var(--muted);font-size:.92rem;font-weight:600;text-decoration:none}.cs-scope .footer-note{color:var(--muted);margin:0;font-size:.85rem}@media (width<=560px){.radio-cards{grid-template-columns:1fr 1fr}.mode-tab{padding:9px 2px;font-size:.74rem}.hero{padding:44px 0 36px}}
