:root{color-scheme:dark;--cyan:#25e7ed;--muted:#8c9db4;--border:#29394e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#080f1c;color:#f1f5ff;font:14px system-ui,-apple-system,sans-serif;background-image:radial-gradient(ellipse at 6% 0%,#08374270,transparent 42%),radial-gradient(ellipse at 92% 4%,#471a4260,transparent 42%),radial-gradient(ellipse at 48% 100%,#05323c50,transparent 55%);min-height:100vh}button,select,input{font:inherit}button,a,select{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:82px;border-bottom:1px solid #ffffff0b;padding:0 12px}.brand img{width:168px;height:56px;object-fit:contain;display:block}nav{display:flex;height:100%;gap:40px;align-items:center}nav a{height:100%;display:flex;align-items:center;position:relative;color:#a9b5ca;font-size:13px}nav a.active{color:var(--cyan)}nav a.active:after{content:'';position:absolute;bottom:13px;left:0;right:0;height:2px;background:var(--cyan);box-shadow:0 0 14px #25e7ed70}.settings-link{font-size:24px;color:#abb9cd;width:40px;text-align:center}main{max-width:1240px;margin:auto;padding:0 12px}.hero{padding:32px 0 25px}h1{font-size:34px;letter-spacing:-.8px;margin:0 0 10px;font-weight:750}.hero p{margin:0;color:#9dafc5;line-height:1.8}.layout{display:grid;grid-template-columns:1.06fr 1fr;gap:22px}.card{background:linear-gradient(135deg,#172334dd,#111c2ee8);border:1px solid var(--border);border-radius:18px;padding:25px;box-shadow:0 12px 36px #00000020,inset 0 1px #ffffff03;min-width:0}.step{font-size:10px;letter-spacing:2px;color:#7e94b0}.card h2{font-size:20px;margin:8px 0 22px;font-weight:650}.source{display:flex;flex-direction:column}.drop{flex:1;min-height:390px;display:grid;place-items:center;text-align:center;border:1px dashed #40556e;background:#0b152570;border-radius:13px;padding:28px;cursor:pointer;transition:border-color .2s,background .2s}.drop:hover,.drop.over{border-color:var(--cyan);background:#15313c70}.upload-icon{width:80px;height:80px;display:grid;place-items:center;color:var(--cyan);border:1px solid #25e7ed45;border-radius:22px;background:linear-gradient(140deg,#173644,#102535);margin:0 auto 22px;box-shadow:0 0 26px #25e7ed0c}.upload-icon svg{width:43px;height:43px}.drop strong{display:block;font-size:22px;font-weight:650}.drop p{font-size:13px;color:#8297b4;line-height:1.8;margin:12px 0 22px}.choose,.primary,.download{border:1px solid #ff5f9750;background:linear-gradient(110deg,#ff3266,#dc306d);color:white;font-weight:650;border-radius:9px;display:inline-block;padding:12px 23px;box-shadow:-2px 0 #25e7ed;transition:transform .2s,box-shadow .2s}.privacy{text-align:center;font-size:11px;color:#8094ad;margin:18px 0 0}.presets{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.preset{grid-column:span 2;background:#101c2c;border:1px solid #32435a;border-radius:10px;color:#c9d5e6;padding:13px 6px;transition:transform .2s,border-color .2s}.preset.wide{grid-column:span 3;padding:15px 8px}.preset strong{font-size:13px;display:block}.preset small{display:block;font-size:10px;color:#869bb7;margin-top:6px}.preset.active{background:#12333e;border-color:var(--cyan);color:var(--cyan);box-shadow:inset 0 0 18px #25e7ed05}.preset.active small{color:#97bdc6}.labelrow{display:flex;justify-content:space-between;align-items:center;margin:20px 0 9px;font-size:12px;color:#c6d3e5}.labelrow small{font-size:10px;color:#7186a2}select{width:100%;padding:12px 14px;background:#0d1829;border:1px solid #2c3e57;border-radius:9px;color:#d0dcec;cursor:pointer}.hint{font-size:11px;color:#8095b2;line-height:1.8;margin:13px 0 0}select:disabled{opacity:.7;cursor:default}.estimate{display:flex;justify-content:space-between;gap:12px;background:#0b1627;border:1px solid #26374e;border-radius:9px;margin:17px 0 14px;padding:14px;font-size:11px;color:#879cb7}.estimate b{color:var(--cyan)}.primary{width:100%;padding:14px;font-size:14px}.primary:disabled{opacity:.5;cursor:not-allowed}.bottom-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;margin-top:22px}.bottom-layout h2{margin:0 0 7px;font-size:18px}.subtitle{color:#859bb7;font-size:11px;margin:0 0 22px}.pipeline{display:flex;list-style:none;padding:0;margin:25px 0 22px}.pipeline li{flex:1;text-align:center;position:relative;min-width:0}.pipeline li:before{content:'';position:absolute;top:17px;left:-50%;width:100%;height:1px;background:#30445e}.pipeline li:first-child:before{display:none}.pipeline span{position:relative;z-index:1;display:grid;place-items:center;width:35px;height:35px;border:1px solid #344a65;border-radius:50%;background:#142339;color:#7891b0;margin:0 auto 12px}.pipeline b{display:block;color:#a6b8d0;font-size:12px;font-weight:550}.pipeline small{display:block;color:#65809e;font-size:10px;margin-top:6px}.pipeline .current span,.pipeline .complete span{background:#0b5360;color:#74f9ff;border-color:var(--cyan);box-shadow:0 0 17px #25e7ed20}.pipeline .current b{color:var(--cyan)}.pipeline .complete:before{background:#25e7ed70}.empty-result{border:1px dashed #31465f;border-radius:11px;background:#0c172865;min-height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.empty-result svg{width:45px;height:45px;color:#637f9e;margin-bottom:14px}.empty-result b{color:#96abc6;font-weight:500;font-size:12px}.empty-result p{color:#627c9c;font-size:10px;margin:8px 0 0}video{width:100%;max-height:355px;background:#070d17;border-radius:12px}.fileline{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:15px 0;font-size:12px;overflow-wrap:anywhere}.fileline button{white-space:nowrap;background:transparent;color:var(--cyan);border:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats>div{padding:13px 9px;border:1px solid #293b52;border-radius:10px;background:#0d192a}.stats small{display:block;color:#7b94b1;font-size:10px;margin-bottom:6px}.stats b{font-size:12px}#preview{flex:1}#status{font-size:12px;color:#b6d7df;line-height:1.8;overflow-wrap:anywhere}progress{width:100%;height:8px;accent-color:var(--cyan)}.cancel{border:0;background:none;color:#f7a1b6;font-size:11px;padding:10px 0}.success-icon{color:var(--cyan);font-size:28px}#result h3{font-size:18px;margin:6px 0 10px}#resultinfo{font-size:12px;color:#9bb4ce;line-height:1.9}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.download,.result-actions .choose,.secondary{font-size:12px;padding:11px 15px}.secondary{border:1px solid #3b5069;border-radius:9px;background:#17283d;color:#c1d6eb}.guide{border:1px solid #25374d;border-radius:12px;margin:22px 0;background:#101c2d80;color:#829ab8;font-size:12px}.guide summary{cursor:pointer;list-style:none;padding:17px 22px;display:flex;justify-content:space-between}.guide>div{padding:0 22px 15px;line-height:1.9}.guide summary::-webkit-details-marker{display:none}footer{max-width:1216px;margin:28px auto 0;padding:20px 0 25px;border-top:1px solid #26384d;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#607997}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{cursor:not-allowed}@media(hover:hover){.preset:not(:disabled):hover{border-color:#25e7ed80;transform:translateY(-2px)}.choose:hover,.download:hover,.primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:-2px 0 var(--cyan),0 8px 25px #ff326629}nav a:hover{color:var(--cyan)}}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero,.card{animation:enter .45s ease both}.layout .card:nth-child(2){animation-delay:.08s}.bottom-layout .card{animation-delay:.14s}@keyframes pulse{50%{box-shadow:0 0 24px #25e7ed50}}.is-processing .pipeline .current span{animation:pulse 1.5s ease-in-out infinite}@media(max-width:800px){header{margin:0 20px;padding:0;height:75px}nav{gap:18px}nav a{font-size:11px}.brand img{width:125px;height:44px}.settings-link{font-size:20px;width:24px}main{padding:0 20px}.hero{padding-top:27px}h1{font-size:29px}.hero p{font-size:12px}.layout,.bottom-layout{grid-template-columns:1fr;gap:16px}.card{padding:21px}.drop{min-height:300px}.bottom-layout{margin-top:16px}footer{margin:20px;padding:15px 0;flex-wrap:wrap}.presets small{font-size:9px}}@media(max-width:420px){nav{gap:12px}nav a:first-child{display:none}.brand img{width:112px}.settings-link{display:none}.card{padding:18px}.drop strong{font-size:19px}.pipeline small{font-size:9px}.preset strong{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.experimental{display:flex;align-items:flex-start;gap:10px;margin:16px 0;padding:13px;border:1px solid #b39a3045;border-radius:10px;background:#82721a12;font-size:12px}.experimental input{accent-color:#25e7ed;margin-top:4px}.experimental small{display:block;color:#9caaba;font-size:10px;line-height:1.7;margin-top:5px}