:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#252235;background:#f8f7fb;--purple:#6b30b3;--purple2:#8551ce;--line:#e7e1ee;--muted:#686475;--card:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:300px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.skip{position:absolute;top:-60px;background:#fff;padding:10px;z-index:99}.skip:focus{top:8px}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{height:70px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}.brand b,.site-footer span{color:var(--purple)}.brand-mark{width:35px;height:35px;display:grid;place-items:center;background:var(--purple);color:#fff;border-radius:10px;font-weight:900}.site-header nav{display:flex;gap:24px}.site-header nav a{text-decoration:none;color:#5d566a;font-size:.9rem}.site-header nav a:hover,.breadcrumb a:hover{color:var(--purple)}.breadcrumb{display:flex;gap:8px;align-items:center;padding:24px 0;font-size:.8rem;color:#756e80}.breadcrumb a{text-decoration:none}.breadcrumb strong{color:#30293e}.hero{display:grid;grid-template-columns:1.3fr .7fr;min-height:290px;gap:25px;align-items:center;padding:42px 48px;margin-bottom:26px;border-radius:25px;background:linear-gradient(120deg,#fff 32%,#f2eafc 100%);border:1px solid var(--line);overflow:hidden}.eyebrow{display:inline-block;color:var(--purple);font-weight:800;font-size:.7rem;letter-spacing:.16em}.hero h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;letter-spacing:-.055em;margin:13px 0}.hero h1 span{color:var(--purple)}.hero p{max-width:630px;color:#625b70;line-height:1.7;margin:0 0 20px}.hero-pills,.limits{display:flex;flex-wrap:wrap;gap:8px}.hero-pills span,.limits span{background:#fff;color:#5c397f;border:1px solid #e5d8f3;border-radius:99px;padding:7px 11px;font-size:.77rem;font-weight:700}.hero-art{display:flex;align-items:center;justify-content:center;gap:7px;transform:rotate(-5deg)}.film{height:107px;width:88px;border:7px solid #bd9fe1;border-radius:15px;background:linear-gradient(135deg,#9565d5,#562899);box-shadow:0 15px 30px #52217c22;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.film span{font-size:2rem}.film small{font-weight:800}.film.two{background:linear-gradient(135deg,#da9ed4,#80318e);margin-top:34px}.film.result{background:linear-gradient(135deg,#6b30b3,#331161);border-color:#a475d4;height:130px;width:103px}.plus,.arrow{color:var(--purple);font-size:2rem;font-weight:900}.workspace,.guide,.faq,.related{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;margin-bottom:24px;box-shadow:0 10px 34px #44206808}.section-head,.panel-head,.preview-head,.meter-row{display:flex;justify-content:space-between;gap:16px;align-items:start}.section-head h2,.guide h2,.faq h2{font-size:1.85rem;letter-spacing:-.04em;margin:8px 0}.section-head p,.panel-head p,.preview-head p{margin:0;color:var(--muted);font-size:.9rem}.state-badge{background:#f3ecfc;color:var(--purple);padding:8px 12px;border-radius:99px;font-size:.74rem;font-weight:800;white-space:nowrap}.state-badge.off{background:#fff1ef;color:#a7352c}.upload-box{margin:24px 0;padding:37px 20px;border:2px dashed #cbb7e5;border-radius:18px;text-align:center;background:linear-gradient(135deg,#faf7ff,#fff);outline:none;transition:.2s}.upload-box:hover,.upload-box.drag,.upload-box:focus-visible{border-color:var(--purple);box-shadow:0 0 0 4px #8b5ac822}.upload-icon{display:grid;place-items:center;margin:0 auto 10px;width:54px;height:54px;border-radius:16px;background:#eadff7;color:var(--purple);font-size:1.7rem}.upload-box h3{font-size:1.12rem;margin:5px}.upload-box p{color:var(--muted);font-size:.84rem;margin:8px 0 17px}.upload-box small{display:block;color:var(--muted);margin-top:13px}.primary,.secondary{border-radius:10px;border:1px solid var(--purple);padding:12px 17px;font-weight:800;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:44px}.primary{background:var(--purple);color:#fff}.primary:hover:not(:disabled){background:#542392}.secondary{background:#fff;color:var(--purple)}.secondary:hover:not(:disabled){background:#f7f0fe}.wide{width:100%;margin-top:18px}.link-button{border:0;background:transparent;color:var(--purple);font-weight:700;padding:8px}.upload-meter{background:#f8f4fc;padding:15px 18px;border-radius:12px;margin-bottom:18px}.upload-meter progress,.job-panel progress{width:100%;height:11px;accent-color:var(--purple);margin-top:10px}.editor-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.9fr);gap:21px}.main-panel,.settings{border:1px solid var(--line);border-radius:17px;padding:22px;min-width:0}.panel-head h3,.preview-head h3,.settings h3{margin:0 0 5px;font-size:1.08rem}.panel-head strong{white-space:nowrap;color:var(--purple);font-size:.8rem}.clip-list{display:flex;gap:12px;overflow-x:auto;padding:16px 1px 18px;min-height:235px;scrollbar-color:#c6ace4 transparent}.empty{width:100%;min-height:180px;border:1px dashed var(--line);border-radius:12px;color:#8b8394;display:grid;place-items:center;text-align:center}.clip-card{flex:0 0 228px;background:#fcfbfe;border:1px solid var(--line);border-radius:13px;overflow:hidden;position:relative}.clip-card.dragging{opacity:.5}.thumb{height:104px;background:#ede7f4;position:relative;display:grid;place-items:center;color:var(--purple)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb span{position:absolute;left:8px;top:8px;background:#241638dd;color:#fff;font-size:.66rem;padding:4px 7px;border-radius:6px}.clip-body{padding:11px}.clip-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.83rem}.clip-meta{font-size:.69rem;color:var(--muted);margin:4px 0 8px;min-height:18px}.clip-meta .bad{color:#a7352c}.trim-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.trim-row label{font-size:.65rem;color:#6d6677}.trim-row input{display:block;width:100%;padding:6px;border:1px solid #dcd2e6;border-radius:6px;font-size:.77rem;margin-top:4px}.clip-controls{display:flex;justify-content:space-between;align-items:center;gap:3px;margin-top:10px}.clip-controls button{border:1px solid var(--line);background:#fff;border-radius:7px;min-height:31px;min-width:31px;color:#5f4380}.clip-controls button:hover{background:#f1e8fa}.clip-controls label{font-size:.72rem;display:flex;align-items:center;gap:3px}.clip-controls input{accent-color:var(--purple)}.inline-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:8px}.preview-panel{border-top:1px solid var(--line);padding-top:20px}.preview-head span{font-size:.77rem;color:var(--purple);font-weight:700;white-space:nowrap}#preview,.result-panel video{width:100%;max-height:355px;background:#211d29;border-radius:10px;margin:15px 0}#preview:not([src]){display:none}.preview-empty{background:#f5f2f8;color:#8b8394;min-height:110px;border-radius:10px;display:grid;place-items:center;text-align:center;margin:15px 0}.preview-panel .secondary{margin-top:2px}.settings fieldset{border:0;padding:0;margin:21px 0}.settings legend{font-weight:750;font-size:.84rem;margin-bottom:9px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice-grid label{min-width:0}.choice-grid input{position:absolute;opacity:0}.choice-grid span{display:block;padding:10px;border:1px solid var(--line);border-radius:10px;font-size:.84rem;font-weight:750;cursor:pointer}.choice-grid small{display:block;color:#8b8193;font-size:.68rem;font-weight:400;margin-top:2px}.choice-grid input:checked+span{border-color:var(--purple);background:#f8f1ff;box-shadow:0 0 0 1px var(--purple)}.choice-grid input:focus-visible+span{outline:2px solid var(--purple);outline-offset:2px}.hint{font-size:.75rem;line-height:1.5;color:var(--muted)}.limits span{font-size:.67rem;padding:5px 7px}.job-panel,.result-panel{margin-top:20px;padding:20px;border:1px solid #dac9ed;background:#f9f5fe;border-radius:15px}.job-panel{display:flex;gap:15px;align-items:start}.job-panel[hidden],.result-panel[hidden],.message[hidden],.upload-meter[hidden]{display:none}.job-icon,.success-icon{background:var(--purple);border-radius:50%;color:#fff;display:grid;place-items:center;width:39px;height:39px;flex:none}.job-copy{flex:1}.job-copy h3,.result-top h3{margin:0 0 5px}.job-copy p,.result-top p{margin:0;color:var(--muted)}.job-copy small,.result-top small{color:var(--muted)}.result-top{display:flex;gap:15px;align-items:center}.result-actions{display:flex;gap:10px;flex-wrap:wrap}.message{padding:13px;border-radius:10px;background:#fff1ef;color:#9b2c23;margin:16px 0}.message.good{background:#edf9f1;color:#16673b}.privacy-note{margin-top:18px;background:#f8f6fa;padding:15px 18px;border-radius:11px;font-size:.8rem;color:#5e5968}.privacy-note p{margin:4px 0 0;line-height:1.5}.guide,.faq,.related{padding:34px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.steps article{padding:19px;border:1px solid var(--line);border-radius:13px}.steps b{color:var(--purple);font-size:1.2rem}.steps h3{font-size:.96rem;margin:11px 0 5px}.steps p,.explainer p,.faq p{color:var(--muted);font-size:.85rem;line-height:1.65;margin:0}.explainer{padding:20px;border-radius:13px;background:#f9f6fc}.explainer h3{margin:0 0 8px}.explainer p+p{margin-top:10px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.faq details{border:1px solid var(--line);border-radius:10px;padding:15px}.faq summary{font-size:.86rem;font-weight:750;cursor:pointer}.faq details p{padding-top:10px}.related h2{font-size:1.2rem}.related div{display:flex;flex-wrap:wrap;gap:9px}.related a{padding:11px;border-radius:9px;background:#f7f0fe;text-decoration:none;color:var(--purple);font-size:.8rem;font-weight:750}.site-footer{background:#fff;border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:.8rem}.site-footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px}.site-footer strong{color:#2d2437}.site-footer a{color:var(--purple)}@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-art{display:none}.editor-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.site-footer .wrap{flex-wrap:wrap}}@media(max-width:590px){.wrap{width:min(100% - 24px,1180px)}.header-inner{height:63px}.site-header nav{gap:10px}.site-header nav a{font-size:.74rem}.brand{font-size:.82rem}.brand-mark{width:30px;height:30px}.hero{padding:28px 21px;min-height:auto}.hero h1{font-size:2rem}.workspace,.guide,.faq,.related{padding:18px;border-radius:15px}.section-head,.panel-head,.preview-head{flex-wrap:wrap}.section-head h2{font-size:1.5rem}.upload-box{padding:26px 11px}.main-panel,.settings{padding:15px}.steps,.faq-grid{grid-template-columns:1fr}.clip-card{flex-basis:208px}.site-footer .wrap{display:block}.site-footer p{margin:7px 0}.job-panel{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media(max-width:360px){.site-header nav a[href="#faq"]{display:none}}