:root{--bg:#07070e;--bg-2:#0a0a14;--surface:#11111d;--surface-2:#16162580;--line:#ffffff12;--line-strong:#ffffff24;--text:#f4f4fb;--text-soft:#c3c3d6;--text-mute:#8585a0;--text-faint:#5c5c75;--violet:#a855f7;--violet-2:#8b5cf6;--blue:#3b82f6;--cyan:#22d3ee;--spark:#ff6b35;--spark-2:#ffa94d;--grad:linear-gradient(120deg, #a855f7 0%, #6366f1 45%, #3b82f6 100%);--grad-spark:linear-gradient(120deg, #ff6b35, #ffa94d);--glow-violet:0 0 0 1px #a855f759, 0 8px 40px -8px #a855f780;--radius:16px;--radius-sm:11px;--radius-lg:26px;--maxw:1200px;--font-head:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";line-height:1.55;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(60% 50% at 75% -5%,#6366f138,#0000 60%),radial-gradient(50% 45% at 12% 8%,#a855f729,#0000 60%),radial-gradient(45% 40% at 50% 110%,#22d3ee1a,#0000 60%);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:54px 54px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(120% 80% at 50% 0,#000 30%,#0000 90%);mask-image:radial-gradient(120% 80% at 50% 0,#000 30%,#0000 90%)}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}ul{list-style:none}input,textarea,select{font-family:inherit}h1,h2,h3,h4{font-family:var(--font-head);letter-spacing:-.02em;font-weight:600;line-height:1.08}::selection{color:#fff;background:#a855f759}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.section{padding:96px 0;position:relative}.center{text-align:center}.eyebrow{font-family:var(--font-head);letter-spacing:.14em;text-transform:uppercase;color:var(--violet);border:1px solid var(--line-strong);background:#a855f70f;border-radius:100px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:500;display:inline-flex}.eyebrow .dot{background:var(--spark);width:6px;height:6px;box-shadow:0 0 10px var(--spark);border-radius:50%}.section-title{margin:20px 0 14px;font-size:clamp(28px,4.4vw,46px)}.section-sub{color:var(--text-mute);max-width:620px;margin:0 auto;font-size:18px}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.spark-text{background:var(--grad-spark);color:#0000;-webkit-background-clip:text;background-clip:text}.btn{font-family:var(--font-head);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:13px 22px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.btn svg{width:17px;height:17px}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 10px 30px -10px #7c5cf6cc,inset 0 1px #ffffff40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px #7c5cf6e6,inset 0 1px #ffffff4d}.btn-ghost{color:var(--text);border:1px solid var(--line-strong);background:#ffffff0a}.btn-ghost:hover{background:#ffffff14;transform:translateY(-2px)}.btn-spark{background:var(--grad-spark);color:#1a0d05;font-weight:600}.btn-spark:hover{transform:translateY(-2px);box-shadow:0 14px 36px -12px #ff6b35b3}.btn-sm{border-radius:10px;padding:9px 15px;font-size:13.5px}.btn-block{width:100%}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#ffffff09,#ffffff03);position:relative}.card-hover{transition:transform .2s,border-color .2s,box-shadow .2s}.card-hover:hover{border-color:var(--line-strong);transform:translateY(-4px);box-shadow:0 24px 60px -30px #6366f180}.chip{border:1px solid var(--line-strong);color:var(--text-soft);border-radius:100px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.chip-green{color:#4ade80;background:#4ade8014;border-color:#4ade804d}.chip-violet{color:var(--violet);background:#a855f714;border-color:#a855f74d}.chip-amber{color:var(--spark-2);background:#ffa94d14;border-color:#ffa94d4d}.chip-blue{color:#60a5fa;background:#60a5fa14;border-color:#60a5fa4d}.score{font-family:var(--font-head);color:var(--spark-2);background:#ff6b351f;border:1px solid #ff6b354d;border-radius:100px;align-items:center;gap:6px;padding:5px 11px;font-size:13px;font-weight:600;display:inline-flex}.score svg{width:13px;height:13px}.nav{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#07070eb8;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.brand{font-family:var(--font-head);align-items:center;gap:11px;font-size:19px;font-weight:600;display:flex}.brand-mark{background:var(--grad);width:34px;height:34px;box-shadow:var(--glow-violet);border-radius:9px;place-items:center;display:grid;position:relative}.brand-mark svg{width:18px;height:18px}.brand-mark .spark-dot{background:var(--spark);width:9px;height:9px;box-shadow:0 0 8px var(--spark);border-radius:50%;position:absolute;top:-3px;right:-3px}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{color:var(--text-soft);font-size:14.5px;transition:color .15s}.nav-links a:hover{color:var(--text)}.nav-actions{align-items:center;gap:12px;display:flex}.nav-burger{display:none}.footer{border-top:1px solid var(--line);margin-top:40px;padding:64px 0 36px}.footer-grid{grid-template-columns:1.6fr repeat(3,1fr);gap:40px;display:grid}.footer h5{font-family:var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);margin-bottom:16px;font-size:13px}.footer-links a{color:var(--text-soft);padding:6px 0;font-size:14.5px;transition:color .15s;display:block}.footer-links a:hover{color:var(--violet)}.footer-bottom{border-top:1px solid var(--line);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:48px;padding-top:28px;font-size:13.5px;display:flex}.hero{padding:80px 0 60px;position:relative}.hero-badge{margin-bottom:26px}.hero h1{font-size:clamp(40px,6.6vw,78px);font-weight:700}.hero h1 .line2{display:block}.hero-sub{color:var(--text-soft);max-width:580px;margin:26px 0 36px;font-size:clamp(17px,2vw,21px)}.hero-cta{flex-wrap:wrap;gap:14px;display:flex}.hero-proof{color:var(--text-mute);flex-wrap:wrap;align-items:center;gap:22px;margin-top:34px;font-size:14px;display:flex}.avatars{display:flex}.avatars span{border:2px solid var(--bg);background:var(--grad);width:32px;height:32px;font-size:12px;font-weight:600;font-family:var(--font-head);border-radius:50%;place-items:center;margin-left:-10px;display:grid}.avatars span:first-child{margin-left:0}.stars{color:var(--spark-2);letter-spacing:2px}.mockup-wrap{perspective:1800px;margin-top:70px;position:relative}.mockup{border-radius:var(--radius-lg);border:1px solid var(--line-strong);background:linear-gradient(#0d0d18,#090910);overflow:hidden;box-shadow:0 60px 120px -40px #6366f173,0 0 0 1px #ffffff0a}.mockup-bar{border-bottom:1px solid var(--line);background:#ffffff05;align-items:center;gap:8px;padding:14px 18px;display:flex}.mockup-bar .dots{gap:7px;display:flex}.mockup-bar .dots i{background:var(--line-strong);border-radius:50%;width:11px;height:11px}.mockup-bar .url{text-align:center;color:var(--text-faint);font-size:12.5px;font-family:var(--font-head);flex:1}.mockup-body{grid-template-columns:200px 1fr;min-height:440px;display:grid}.mk-side{border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:18px 14px;display:flex}.mk-side .mk-nav{color:var(--text-mute);border-radius:9px;align-items:center;gap:10px;padding:9px 11px;font-size:13.5px;display:flex}.mk-side .mk-nav.active{color:var(--text);background:#a855f71f}.mk-side .mk-ico{background:var(--line-strong);border-radius:5px;width:16px;height:16px}.mk-side .mk-nav.active .mk-ico{background:var(--grad)}.mk-main{padding:22px}.mk-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.mk-stat{border:1px solid var(--line);background:#ffffff06;border-radius:12px;padding:14px}.mk-stat .n{font-family:var(--font-head);font-size:24px;font-weight:600}.mk-stat .l{color:var(--text-mute);margin-top:2px;font-size:11.5px}.mk-clips{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mk-clip{aspect-ratio:9/16;border:1px solid var(--line);background:linear-gradient(160deg,#1a1430,#0d1428);border-radius:11px;position:relative;overflow:hidden}.mk-clip:after{content:"";background:radial-gradient(60% 40% at 50% 30%,#a855f740,#0000);position:absolute;inset:0}.mk-clip .mk-score{font-size:9.5px;font-weight:600;font-family:var(--font-head);color:#1a0d05;z-index:2;background:#ff6b35d9;border-radius:100px;padding:2px 6px;position:absolute;top:7px;right:7px}.mk-clip .mk-cap{z-index:2;background:#ffffff40;border-radius:3px;height:7px;position:absolute;bottom:8px;left:8px;right:8px}.float-card{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line-strong);background:#0d0d18e6;border-radius:14px;align-items:center;gap:11px;padding:13px 15px;font-size:13px;animation:5s ease-in-out infinite floaty;display:flex;position:absolute;box-shadow:0 20px 50px -20px #000000b3}.float-card .fc-ico{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.float-1{top:18%;left:-34px}.float-2{animation-delay:-2.5s;bottom:14%;right:-28px}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.logos{opacity:.65;flex-wrap:wrap;justify-content:center;align-items:center;gap:46px;margin-top:18px;display:flex}.logos span{font-family:var(--font-head);color:var(--text-mute);letter-spacing:-.01em;font-size:19px;font-weight:600}.feat-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px;display:grid}.feat{padding:26px}.feat-ico{background:#a855f71a;border:1px solid #a855f733;border-radius:12px;place-items:center;width:46px;height:46px;margin-bottom:18px;display:grid}.feat-ico svg{width:22px;height:22px;color:var(--violet)}.feat h3{margin-bottom:8px;font-size:18px}.feat p{color:var(--text-mute);font-size:14.5px}.feat.wide{grid-column:span 1}.steps{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px;display:grid;position:relative}.step{padding:30px 26px;position:relative}.step-num{font-family:var(--font-head);background:var(--grad);width:38px;height:38px;box-shadow:var(--glow-violet);border-radius:11px;place-items:center;margin-bottom:20px;font-size:14px;font-weight:600;display:grid}.step h3{margin-bottom:9px;font-size:19px}.step p{color:var(--text-mute);font-size:14.5px}.clip-gallery{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:56px;display:grid}.clip-card{aspect-ratio:9/16;border-radius:var(--radius);border:1px solid var(--line-strong);position:relative;overflow:hidden}.clip-card .thumb{position:absolute;inset:0}.clip-card .overlay{z-index:2;background:linear-gradient(#0000 40%,#000000d9);position:absolute;inset:0}.clip-card .play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:52px;height:52px;transition:transform .2s,background .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clip-card:hover .play{background:#a855f766;transform:translate(-50%,-50%)scale(1.12)}.clip-card .meta{z-index:3;padding:14px;position:absolute;bottom:0;left:0;right:0}.clip-card .caption-sub{text-align:center;z-index:3;font-family:var(--font-head);font-size:15px;font-weight:700;position:absolute;top:50%;left:12px;right:12px;transform:translateY(30px)}.clip-card .caption-sub b{background:var(--spark);color:#1a0d05;border-radius:4px;padding:1px 5px}.clip-card .meta .t{font-family:var(--font-head);margin-bottom:8px;font-size:14px;font-weight:600}.clip-card .meta .row{justify-content:space-between;align-items:center;display:flex}.clip-card .meta .row small{color:var(--text-mute);font-size:12px}.price-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:16px;margin-top:52px;display:grid}.price-card{flex-direction:column;padding:28px 24px;display:flex}.price-card.featured{background:linear-gradient(#a855f71a,#ffffff03);border-color:#a855f780;box-shadow:0 30px 80px -40px #a855f799}.price-tag{font-family:var(--font-head);background:var(--grad);border-radius:100px;align-self:flex-start;margin-bottom:14px;padding:4px 11px;font-size:12px;font-weight:500;display:inline-block}.price-card h3{margin-bottom:6px;font-size:21px}.price-card .desc{color:var(--text-mute);min-height:38px;font-size:13.5px}.price-amt{font-family:var(--font-head);margin:14px 0 2px;font-size:42px;font-weight:700}.price-amt small{color:var(--text-mute);font-size:15px;font-weight:400}.price-feats{flex-direction:column;flex:1;gap:12px;margin:22px 0;display:flex}.price-feats li{color:var(--text-soft);align-items:flex-start;gap:10px;font-size:14px;display:flex}.price-feats .check{color:var(--violet);flex-shrink:0;margin-top:2px}.price-feats .check svg{width:16px;height:16px}.billing-toggle{border:1px solid var(--line-strong);background:var(--surface);border-radius:100px;align-items:center;gap:4px;margin:28px auto 0;padding:5px;display:inline-flex}.billing-toggle button{font-size:14px;font-family:var(--font-head);color:var(--text-mute);border-radius:100px;padding:8px 18px;transition:all .2s}.billing-toggle button.active{background:var(--grad);color:#fff}.billing-toggle .save{color:var(--spark-2);font-size:11px}.faq-list{flex-direction:column;gap:12px;max-width:760px;margin:52px auto 0;display:flex}.faq-item{border:1px solid var(--line);background:#ffffff05;border-radius:14px;overflow:hidden}.faq-q{font-family:var(--font-head);justify-content:space-between;align-items:center;padding:20px 24px;font-size:16.5px;font-weight:500;display:flex}.faq-q .ic{color:var(--violet);transition:transform .25s}.faq-item.open .faq-q .ic{transform:rotate(45deg)}.faq-a{max-height:0;color:var(--text-mute);font-size:14.5px;transition:max-height .3s;overflow:hidden}.faq-item.open .faq-a{max-height:220px}.faq-a p{padding:0 24px 22px}.cta-band{border-radius:var(--radius-lg);text-align:center;border:1px solid var(--line-strong);background:linear-gradient(120deg,#a855f729,#3b82f61f);padding:64px 40px;position:relative;overflow:hidden}.cta-band:before{content:"";background:radial-gradient(50% 120% at 50% 0,#a855f74d,#0000);position:absolute;inset:0}.cta-band h2{font-size:clamp(28px,4.5vw,46px);position:relative}.cta-band p{color:var(--text-soft);max-width:480px;margin:14px auto 30px;position:relative}.cta-band .hero-cta{justify-content:center;position:relative}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#08081099;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar .brand{margin:4px 6px 26px}.side-nav{flex-direction:column;gap:3px;display:flex}.side-link{color:var(--text-mute);border-radius:11px;align-items:center;gap:12px;padding:11px 13px;font-size:14.5px;transition:all .15s;display:flex}.side-link svg{width:18px;height:18px}.side-link:hover{color:var(--text);background:#ffffff0a}.side-link.active{color:var(--text);background:#a855f71f}.side-link.active svg{color:var(--violet)}.side-foot{margin-top:auto}.usage-card{border:1px solid var(--line);background:#ffffff08;border-radius:14px;padding:16px}.usage-card .lbl{color:var(--text-mute);justify-content:space-between;font-size:12.5px;display:flex}.usage-bar{background:#ffffff14;border-radius:100px;height:7px;margin:10px 0 12px;overflow:hidden}.usage-bar i{background:var(--grad);border-radius:100px;height:100%;display:block}.user-pill{border:1px solid var(--line);border-radius:12px;align-items:center;gap:11px;margin-top:12px;padding:10px;display:flex}.user-pill .ava{background:var(--grad);width:34px;height:34px;font-family:var(--font-head);border-radius:50%;place-items:center;font-size:14px;font-weight:600;display:grid}.user-pill .info{font-size:13px}.user-pill .info small{color:var(--text-mute);font-size:11.5px}.app-main{min-width:0;padding:28px 36px 60px}.app-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:30px;display:flex}.app-head h1{font-size:28px}.app-head p{color:var(--text-mute);margin-top:5px;font-size:14.5px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px;display:grid}.stat{padding:22px}.stat .top{justify-content:space-between;align-items:center;display:flex}.stat .ico{border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.stat .ico svg{width:19px;height:19px}.stat .n{font-family:var(--font-head);margin-top:16px;font-size:32px;font-weight:600}.stat .l{color:var(--text-mute);margin-top:2px;font-size:13.5px}.stat .trend{font-size:12px;font-weight:500}.trend.up{color:#4ade80}.panel{padding:0;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.panel-head h3{font-size:17px}.proj-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 130px 110px 120px 40px;align-items:center;gap:16px;padding:16px 22px;transition:background .15s;display:grid}.proj-row:last-child{border-bottom:none}.proj-row:hover{background:#ffffff05}.proj-main{align-items:center;gap:14px;min-width:0;display:flex}.proj-thumb{border:1px solid var(--line);background:linear-gradient(150deg,#1a1430,#0d1428);border-radius:8px;flex-shrink:0;width:64px;height:40px;position:relative;overflow:hidden}.proj-thumb:after{content:"";background:radial-gradient(60% 60% at 40% 30%,#a855f74d,#0000);position:absolute;inset:0}.proj-info{min-width:0}.proj-info .nm{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:500;overflow:hidden}.proj-info .sub{color:var(--text-faint);font-size:12.5px}.proj-clips{color:var(--text-soft);font-size:13.5px}.proj-date{color:var(--text-mute);font-size:13px}.icon-btn{width:32px;height:32px;color:var(--text-mute);border-radius:9px;place-items:center;transition:all .15s;display:grid}.icon-btn:hover{color:var(--text);background:#ffffff0f}.status{border-radius:100px;align-items:center;gap:7px;padding:5px 11px;font-size:12.5px;font-weight:500;display:inline-flex}.status i{border-radius:50%;width:7px;height:7px}.status.analyzing{color:var(--spark-2);background:#ffa94d1a;border:1px solid #ffa94d40}.status.analyzing i{background:var(--spark-2);animation:1.4s infinite pulse}.status.ready{color:#4ade80;background:#4ade801a;border:1px solid #4ade8040}.status.ready i{background:#4ade80}.status.exported{color:#60a5fa;background:#60a5fa1a;border:1px solid #60a5fa40}.status.exported i{background:#60a5fa}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.upload-tabs{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:4px;margin-bottom:26px;padding:5px;display:inline-flex}.upload-tabs button{font-family:var(--font-head);color:var(--text-mute);border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;transition:all .2s;display:flex}.upload-tabs button svg{width:16px;height:16px}.upload-tabs button.active{color:var(--text);background:#a855f724}.dropzone{border:2px dashed var(--line-strong);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:#a855f706;padding:64px 40px;transition:border-color .2s,background .2s}.dropzone:hover,.dropzone.drag{border-color:var(--violet);background:#a855f712}.dropzone .dz-ico{background:#a855f71f;border:1px solid #a855f740;border-radius:20px;place-items:center;width:70px;height:70px;margin:0 auto 22px;display:grid}.dropzone .dz-ico svg{width:32px;height:32px;color:var(--violet)}.dropzone h3{margin-bottom:8px;font-size:21px}.dropzone p{color:var(--text-mute);font-size:14.5px}.dropzone .formats{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.link-input{gap:12px;display:flex}.link-input .field{flex:1;position:relative}.link-input input{background:var(--surface);border:1px solid var(--line-strong);width:100%;color:var(--text);border-radius:14px;padding:17px 18px 17px 48px;font-size:15px;transition:border-color .2s}.link-input input:focus{border-color:var(--violet);outline:none}.link-input .field svg{width:19px;height:19px;color:var(--text-mute);position:absolute;top:50%;left:17px;transform:translateY(-50%)}.source-pills{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.source-pill{border:1px solid var(--line);color:var(--text-soft);border-radius:100px;align-items:center;gap:8px;padding:9px 14px;font-size:13.5px;display:flex}.source-pill .sd{border-radius:50%;width:9px;height:9px}.opt-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px;display:grid}.opt{cursor:pointer;padding:18px;transition:border-color .2s}.opt:hover{border-color:var(--line-strong)}.opt.sel{border-color:var(--violet);background:#a855f70f}.opt .opt-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.opt h4{font-size:15px}.opt p{color:var(--text-mute);font-size:13px}.opt .radio{border:2px solid var(--line-strong);border-radius:50%;width:18px;height:18px}.opt.sel .radio{border-color:var(--violet);background:radial-gradient(circle, var(--violet) 40%, transparent 45%)}.analyze-card{text-align:center;padding:40px}.analyze-ring{width:110px;height:110px;margin:0 auto 24px;position:relative}.analyze-ring svg{transform:rotate(-90deg)}.analyze-ring .pct{font-family:var(--font-head);place-items:center;font-size:26px;font-weight:600;display:grid;position:absolute;inset:0}.analyze-steps{text-align:left;flex-direction:column;gap:14px;max-width:420px;margin:26px auto 0;display:flex}.an-step{color:var(--text-mute);align-items:center;gap:13px;font-size:14.5px;display:flex}.an-step .an-ic{border:1px solid var(--line);border-radius:8px;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.an-step.done{color:var(--text)}.an-step.done .an-ic{color:#4ade80;background:#4ade801f;border-color:#4ade804d}.an-step.active .an-ic{color:var(--violet);background:#a855f724;border-color:#a855f759}.live-top{grid-template-columns:auto 1fr;align-items:center;gap:26px;display:grid}.live-timer{gap:14px;display:flex}.timer-box{border:1px solid var(--line);background:#ffffff08;border-radius:14px;flex:1;padding:14px 18px}.timer-box .tl{letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute);align-items:center;gap:7px;font-size:11.5px;display:flex}.timer-box .tv{font-family:var(--font-head);font-variant-numeric:tabular-nums;margin-top:4px;font-size:34px;font-weight:700;line-height:1.1}.timer-box.eta .tv{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.timer-box .tl .pdot{background:var(--spark);width:7px;height:7px;box-shadow:0 0 8px var(--spark);border-radius:50%;animation:1.3s infinite pulse}.console{border:1px solid var(--line-strong);background:#07070f;border-radius:16px;margin-top:22px;overflow:hidden;box-shadow:inset 0 0 60px -20px #6366f140}.console-bar{border-bottom:1px solid var(--line);background:#ffffff05;align-items:center;gap:8px;padding:11px 16px;display:flex}.console-bar .dots{gap:6px;display:flex}.console-bar .dots i{background:var(--line-strong);border-radius:50%;width:10px;height:10px}.console-bar .ttl{font-family:var(--font-head);color:var(--text-mute);align-items:center;gap:8px;font-size:12.5px;display:flex}.console-bar .ttl .blip{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:1.2s infinite pulse;box-shadow:0 0 8px #4ade80}.console-body{scroll-behavior:smooth;height:320px;padding:14px 16px;font-family:SFMono-Regular,ui-monospace,Cascadia Code,Consolas,monospace;font-size:12.8px;line-height:1.65;overflow-y:auto}.console-body::-webkit-scrollbar{width:8px}.console-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.log-line{gap:12px;padding:1px 0;display:flex}.log-line .lt{color:var(--text-faint);font-variant-numeric:tabular-nums;flex-shrink:0}.log-line .lm{color:var(--text-soft);white-space:pre-wrap;word-break:break-word}.log-line.work .lm{color:#c4b5fd}.log-line.ok .lm{color:#4ade80}.log-line.spark .lm{color:var(--spark-2);font-weight:500}.log-line.dim .lm{color:var(--text-faint)}.log-line.warn .lm{color:#fbbf24}.log-line.error .lm{color:#f87171}.log-line.cursor .lm{color:var(--violet)}.log-line.cursor .lm:after{content:"▋";animation:1s steps(2,end) infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.results-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.result-card{overflow:hidden}.result-vid{aspect-ratio:9/16;border-bottom:1px solid var(--line);background:linear-gradient(160deg,#1a1430,#0d1428);position:relative}.result-vid .grad-bg{position:absolute;inset:0}.result-vid .play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;background:#ffffff24;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:48px;height:48px;transition:all .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.result-card:hover .play{background:#a855f780;transform:translate(-50%,-50%)scale(1.1)}.result-vid .score{z-index:3;position:absolute;top:10px;left:10px}.result-vid .dur{z-index:3;font-size:11.5px;font-family:var(--font-head);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:7px;padding:3px 8px;position:absolute;bottom:10px;right:10px}.result-vid .sub-prev{text-align:center;z-index:3;font-family:var(--font-head);font-size:14px;font-weight:700;line-height:1.2;position:absolute;bottom:38px;left:12px;right:12px}.result-vid .sub-prev b{background:var(--spark);color:#1a0d05;border-radius:4px;padding:1px 4px}.result-info{padding:15px}.result-info h4{margin-bottom:6px;font-size:14.5px}.result-info .tags{flex-wrap:wrap;gap:6px;margin-bottom:13px;display:flex}.result-info .acts{gap:8px;display:flex}.result-info .acts .btn{flex:1}.results-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.filter-row{gap:8px;display:flex}.filter-pill{border:1px solid var(--line);color:var(--text-mute);border-radius:100px;padding:8px 15px;font-size:13.5px;transition:all .15s}.filter-pill:hover{color:var(--text);border-color:var(--line-strong)}.filter-pill.active{background:var(--grad);color:#fff;border-color:#0000}.batch-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.batch-count{color:var(--text-soft);font-size:13px;font-family:var(--font-head)}.batch-select{background:var(--surface);border:1px solid var(--line-strong);color:var(--text);border-radius:9px;padding:8px 11px;font-size:13px}.batch-select:focus{border-color:var(--violet);outline:none}.sel-check{z-index:6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#00000073;border:2px solid #ffffffb3;border-radius:7px;place-items:center;width:24px;height:24px;transition:all .12s;display:grid;position:absolute;top:10px;left:10px}.sel-check.on{background:var(--grad);border-color:#0000}.sel-card{box-shadow:0 0 0 2px var(--violet)}.clip-busy{z-index:7;background:#07070e8c;place-items:center;display:grid;position:absolute;inset:0}.source-strip{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:24px;padding:18px 22px;display:flex}.source-strip .sv{border:1px solid var(--line);background:linear-gradient(150deg,#1a1430,#0d1428);border-radius:9px;flex-shrink:0;width:88px;height:54px;position:relative;overflow:hidden}.source-strip .sv:after{content:"";background:radial-gradient(60% 60% at 50% 40%,#3b82f64d,#0000);position:absolute;inset:0}.editor-grid{grid-template-columns:1fr 340px;gap:22px;display:grid}.editor-stage{flex-direction:column;gap:18px;display:flex}.preview-box{aspect-ratio:9/16;border-radius:var(--radius);border:1px solid var(--line-strong);background:linear-gradient(160deg,#1a1430,#0d1428);width:100%;max-width:316px;max-height:560px;margin:0 auto;position:relative;overflow:hidden}.preview-box .pv-grad{position:absolute;inset:0}.preview-box .pv-sub{text-align:center;font-family:var(--font-head);z-index:3;text-shadow:0 2px 12px #0009;font-size:21px;font-weight:700;line-height:1.15;position:absolute;bottom:90px;left:16px;right:16px}.preview-box .pv-sub b{background:var(--spark);color:#1a0d05;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:5px;padding:1px 6px}.preview-box .pv-play{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4;background:#ffffff24;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-box .pv-score{z-index:4;position:absolute;top:14px;left:14px}.timeline{padding:16px}.timeline-track{border:1px solid var(--line);background:#ffffff0a;border-radius:10px;height:56px;display:flex;position:relative;overflow:hidden}.timeline-track .wave{opacity:.5;flex:1;align-items:center;gap:2px;padding:0 4px;display:flex}.timeline-track .wave i{background:var(--violet-2);border-radius:2px;flex:1}.timeline-sel{border:2px solid var(--violet);background:#a855f71f;border-radius:8px;position:absolute;top:0;bottom:0}.timeline-sel .handle{background:var(--violet);border-radius:4px;width:8px;height:28px;position:absolute;top:50%;transform:translateY(-50%)}.timeline-sel .handle.l{left:-4px}.timeline-sel .handle.r{right:-4px}.timeline-labels{color:var(--text-faint);font-size:11.5px;font-family:var(--font-head);justify-content:space-between;margin-top:8px;display:flex}.editor-panel{flex-direction:column;gap:16px;display:flex}.ep-block{padding:18px}.ep-block h4{font-size:14px;font-family:var(--font-head);align-items:center;gap:8px;margin-bottom:14px;display:flex}.ep-block h4 svg{width:16px;height:16px;color:var(--violet)}.style-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.style-chip{aspect-ratio:1.4;border:1px solid var(--line);font-family:var(--font-head);cursor:pointer;border-radius:10px;place-items:center;font-size:13px;font-weight:700;transition:all .15s;display:grid;position:relative}.style-chip:hover{border-color:var(--line-strong)}.style-chip.sel{border-color:var(--violet);box-shadow:0 0 0 1px var(--violet)}.style-chip.s1{color:#fff}.style-chip.s1 b{background:var(--spark);color:#1a0d05;border-radius:3px;padding:0 3px}.style-chip.s2{color:#fff;text-shadow:0 0 8px var(--violet)}.style-chip.s2 b{color:var(--cyan)}.style-chip.s3{color:#fff}.style-chip.s3 b{text-decoration:underline;-webkit-text-decoration-color:var(--spark);text-decoration-color:var(--spark)}.field-label{color:var(--text-mute);margin-bottom:7px;font-size:12.5px;display:block}.text-field{background:var(--surface);border:1px solid var(--line-strong);width:100%;color:var(--text);resize:vertical;border-radius:10px;padding:11px 13px;font-size:14px}.text-field:focus{border-color:var(--violet);outline:none}.range-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.range-row label{color:var(--text-soft);width:90px;font-size:13px}input[type=range]{accent-color:var(--violet);flex:1}.toggle-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:11px 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-row span{font-size:14px}.switch{cursor:pointer;background:#ffffff1a;border-radius:100px;flex-shrink:0;width:42px;height:24px;transition:background .2s;position:relative}.switch.on{background:var(--grad)}.switch i{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s;position:absolute;top:3px;left:3px}.switch.on i{left:21px}.cap-picker{flex-direction:column;gap:16px;display:flex}.cap-cat-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cap-cat-head h5{font-family:var(--font-head);font-size:13.5px;font-weight:600}.cap-cat-head span{color:var(--text-faint);font-size:11.5px}.cap-tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cap-tile{aspect-ratio:1.5;border:1px solid var(--line);cursor:pointer;background:#181824;border-radius:11px;place-items:center;padding:6px;transition:border-color .15s,transform .12s;display:grid;position:relative;overflow:hidden}.cap-tile:hover{border-color:var(--line-strong);transform:translateY(-2px)}.cap-tile.sel{border-color:var(--violet);box-shadow:0 0 0 2px var(--violet)}.cap-tile .check{background:var(--grad);z-index:3;border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;top:5px;left:5px}.cap-tile .check svg{color:#fff;width:11px;height:11px}.cap-tile-cap{text-align:center;line-height:1.1}.cap-tile-name{text-align:center;color:var(--text-faint);font-size:9.5px;font-family:var(--font-head);position:absolute;bottom:4px;left:0;right:0}.cap-overlay{z-index:5;pointer-events:none;text-align:center;position:absolute;bottom:96px;left:14px;right:14px}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04040ab8;place-items:center;padding:24px;animation:.15s fadein;display:grid;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-2);border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:100%;max-width:440px;max-height:90vh;padding:22px;overflow-y:auto;box-shadow:0 40px 100px -30px #000c}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-head h3{font-family:var(--font-head);font-size:19px}.sub-prev-box{aspect-ratio:16/7;border:1px solid var(--line-strong);background:radial-gradient(60% 80% at 50% 40%,#a855f740,#0000),linear-gradient(160deg,#1a1430,#0d1428);border-radius:14px;place-items:center;padding:16px;display:grid}.tl-wrap{-webkit-user-select:none;user-select:none;padding:14px 16px 16px}.tl-toolbar{align-items:center;gap:14px;margin-bottom:12px;display:flex}.tl-play{background:var(--grad);width:40px;height:40px;box-shadow:var(--glow-violet);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.tl-play svg{color:#fff;width:18px;height:18px}.tl-time{font-family:var(--font-head);font-variant-numeric:tabular-nums;color:var(--text-soft);font-size:13.5px}.tl-time b{color:var(--text)}.tl-hint{color:var(--text-faint);margin-left:auto;font-size:12px}.tl-scroll{padding-bottom:4px;position:relative;overflow-x:auto}.tl-inner{min-width:100%;position:relative}.tl-ruler{border-bottom:1px solid var(--line);height:20px;margin-bottom:6px;position:relative}.tl-tick{border-left:1px solid var(--line);color:var(--text-faint);font-size:10px;font-family:var(--font-head);font-variant-numeric:tabular-nums;padding-left:4px;position:absolute;top:0;bottom:0}.tl-track{border-radius:8px;position:relative}.tl-track.subs{height:46px;margin-bottom:6px}.tl-track.strip{background:#0d0d18;border-radius:8px;height:48px;margin-bottom:4px;display:flex;overflow:hidden}.tl-track.wave{background:#22d3ee0d;border-radius:8px;height:46px;overflow:hidden}.tl-block{cursor:pointer;color:#fff;background:linear-gradient(#8b5cf6,#7c3aed);border:1px solid #ffffff2e;border-radius:8px;align-items:center;padding:5px 7px;font-size:11px;line-height:1.12;transition:filter .12s,box-shadow .12s;display:flex;position:absolute;top:0;bottom:0;overflow:hidden;box-shadow:inset 0 1px #ffffff2e}.tl-block:hover{filter:brightness(1.12)}.tl-block.active{box-shadow:0 0 0 1px var(--violet), 0 6px 18px -8px #a855f7cc;background:linear-gradient(#a855f7,#8b5cf6)}.tl-block.sel{z-index:3;box-shadow:0 0 0 2px #fff,0 6px 18px -8px #a855f7e6}.tl-block .tx{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tl-strip-img{object-fit:cover;border-right:1px solid #00000059;flex:1 0 auto;min-width:24px;height:100%}.tl-wave-bars{align-items:center;gap:1px;padding:0 2px;display:flex;position:absolute;inset:0}.tl-wave-bars i{background:var(--cyan);opacity:.55;border-radius:1px;flex:1;min-height:2px}.tl-playhead{background:var(--spark);z-index:6;pointer-events:none;width:2px;box-shadow:0 0 8px var(--spark);position:absolute;top:0;bottom:0}.tl-playhead:before{content:"";background:var(--spark);border-radius:3px;width:12px;height:12px;position:absolute;top:-3px;left:-5px}.editor-loading{text-align:center;padding:30px}.spin{border:3px solid #ffffff1a;border-top-color:var(--violet);border-radius:50%;width:38px;height:38px;margin:0 auto 14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-wrap{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-aside{border-right:1px solid var(--line);background:linear-gradient(160deg,#a855f71a,#3b82f60f);flex-direction:column;padding:56px;display:flex;position:relative;overflow:hidden}.auth-aside:before{content:"";pointer-events:none;background:radial-gradient(50% 50% at 20% 10%,#a855f740,#0000);position:absolute;inset:0}.auth-aside .brand{position:relative}.auth-quote{margin-top:auto;position:relative}.auth-quote .q{font-family:var(--font-head);letter-spacing:-.02em;font-size:26px;font-weight:500;line-height:1.3}.auth-quote .who{align-items:center;gap:12px;margin-top:22px;display:flex}.auth-quote .who .ava{background:var(--grad);width:44px;height:44px;font-family:var(--font-head);border-radius:50%;place-items:center;font-weight:600;display:grid}.auth-aside .stat-mini{gap:34px;margin-top:40px;display:flex;position:relative}.auth-aside .stat-mini .n{font-family:var(--font-head);font-size:28px;font-weight:700}.auth-aside .stat-mini .l{color:var(--text-mute);font-size:13px}.auth-form-wrap{place-items:center;padding:40px;display:grid}.auth-form{width:100%;max-width:380px}.auth-form h1{margin-bottom:8px;font-size:30px}.auth-form .sub{color:var(--text-mute);margin-bottom:28px;font-size:14.5px}.oauth-btns{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.oauth-btn{border:1px solid var(--line-strong);background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:14.5px;transition:background .15s;display:flex}.oauth-btn:hover{background:#ffffff12}.divider{color:var(--text-faint);align-items:center;gap:14px;margin:20px 0;font-size:12.5px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.input-group{margin-bottom:16px}.input-group label{color:var(--text-soft);margin-bottom:7px;font-size:13px;display:block}.input-group input{background:var(--surface);border:1px solid var(--line-strong);width:100%;color:var(--text);border-radius:12px;padding:13px 15px;font-size:14.5px;transition:border-color .2s}.input-group input:focus{border-color:var(--violet);outline:none}.auth-foot{text-align:center;color:var(--text-mute);margin-top:22px;font-size:14px}.auth-foot a{color:var(--violet);font-weight:500}.auth-tabs{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:4px;margin-bottom:26px;padding:5px;display:flex}.auth-tabs button{font-family:var(--font-head);color:var(--text-mute);border-radius:8px;flex:1;padding:10px;font-size:14px;transition:all .2s}.auth-tabs button.active{color:var(--text);background:#a855f724}.back-link{color:var(--text-mute);align-items:center;gap:7px;margin-bottom:18px;font-size:14px;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--text)}.empty-hint{text-align:center;color:var(--text-faint);padding:50px}@media (width<=1024px){.feat-grid,.steps,.clip-gallery,.price-grid,.results-grid,.mk-clips,.stat-grid{grid-template-columns:repeat(2,1fr)}.editor-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.auth-wrap{grid-template-columns:1fr}.auth-aside{display:none}}@media (width<=760px){.nav-links{display:none}.nav-burger{border:1px solid var(--line-strong);border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.app-main{padding:20px}.feat-grid,.steps,.clip-gallery,.price-grid,.results-grid,.opt-grid,.mk-clips,.footer-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.mockup-body{grid-template-columns:1fr}.mk-side,.float-card{display:none}.proj-row{grid-template-columns:1fr auto;gap:10px}.proj-clips,.proj-date{display:none}.section{padding:64px 0}.link-input{flex-direction:column}.results-toolbar{align-items:flex-start}}.btn-danger{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background:#ef444440;border-color:#ef444480}.user-pill:hover{border-color:var(--line-strong);background:#ffffff0a;transition:all .15s}.settings-page{max-width:680px;padding:40px}.settings-page .page-title{font-family:var(--font-head);margin-bottom:28px;font-size:26px}.settings-tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:32px;display:flex}.settings-tab{color:var(--text-mute);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 18px;font-size:14px;transition:all .15s}.settings-tab:hover{color:var(--text)}.settings-tab.active{color:var(--violet);border-bottom-color:var(--violet)}.settings-sections{flex-direction:column;gap:20px;display:flex}.settings-card{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);flex-direction:column;gap:14px;padding:24px;display:flex}.settings-card h3{font-family:var(--font-head);margin-bottom:2px;font-size:16px}.settings-card .input-group{margin-bottom:0}.danger-zone{background:#ef44440d;border-color:#ef44444d}.danger-zone h3{color:#f87171}.plan-badge{font-size:13px;font-weight:600;font-family:var(--font-head);background:var(--grad);color:#fff;border-radius:100px;padding:4px 14px;display:inline-block}.plan-badge.free{background:var(--surface-2);color:var(--text-mute);border:1px solid var(--line-strong)}.input-group select{background:var(--surface);border:1px solid var(--line-strong);width:100%;color:var(--text);appearance:none;border-radius:12px;padding:13px 15px;font-size:14.5px;transition:border-color .2s}.input-group select:focus{border-color:var(--violet);outline:none}