*{box-sizing:border-box}:root{font-family:Inter,system-ui,sans-serif;color:#f7f7fb;background:#07080d}body{margin:0;background:radial-gradient(circle at 50% -10%,#251a51 0,transparent 38%),#07080d;min-height:100vh}main{max-width:1120px;margin:auto;padding:0 24px 50px}.glow{position:fixed;width:380px;height:380px;border-radius:50%;filter:blur(130px);opacity:.13;pointer-events:none}.glow.a{background:#754dff;left:-150px;top:250px}.glow.b{background:#278bff;right:-170px;top:400px}nav{height:76px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff0b}.brand{font-weight:700}.brand span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#7758ff,#407cff);margin-right:8px}.brand b{color:#8978ff}.online{font-size:11px;color:#68dba4;background:#46d8940c;border:1px solid #56d99b22;padding:7px 10px;border-radius:20px}header{text-align:center;padding:68px 0 42px}.tag,.eyebrow{font-size:9px;letter-spacing:1.5px;color:#8c7cff;font-weight:700}h1{font-size:clamp(38px,6vw,64px);line-height:1.03;letter-spacing:-3px;margin:16px 0}h1 em{font-style:normal;background:linear-gradient(90deg,#9b7cff,#5e92ff,#5ad6ff);-webkit-background-clip:text;color:transparent}header p{color:#8c92a4;font-size:14px}.drop,.card{border:1px solid #ffffff10;background:#0f1018cc;backdrop-filter:blur(20px);border-radius:18px}.drop{max-width:820px;margin:auto;padding:58px;text-align:center;border-style:dashed;border-color:#4b5060;transition:.2s}.drop.over,.drop:hover{border-color:#7a63ff;background:#151426;transform:translateY(-2px)}.drop input{display:none}.drop label{cursor:pointer}.ico{width:60px;height:60px;border-radius:17px;background:linear-gradient(135deg,#7557ff,#417dff);display:grid;place-items:center;margin:auto;font-size:28px;box-shadow:0 15px 40px #6355ff45}.drop h2{font-size:18px;margin:17px 0 6px}.drop p{font-size:11px;color:#73798d}.hidden{display:none!important}.card{padding:20px}.grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.preview{padding:0;overflow:hidden}.preview video{display:block;width:100%;aspect-ratio:16/9;background:#020306;object-fit:contain}.meta{padding:14px;display:flex;align-items:center;gap:12px}.meta>div{flex:1;min-width:0}.meta b,.meta small{display:block}.meta b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.meta small{color:#777d90;font-size:10px;margin-top:5px}.meta button{background:#ffffff08;color:#9aa0b2;border:1px solid #ffffff0c;border-radius:8px;padding:8px 10px}.settings h2,.head h2{font-size:18px;margin:6px 0 24px}.settings label{font-size:10px;color:#8a90a3}.interval{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0 16px}.interval input,.interval select{background:#090a10;border:1px solid #ffffff10;color:#fff;border-radius:9px;padding:11px;outline:none}.estimate{display:flex;justify-content:space-between;border-top:1px solid #ffffff0b;padding-top:14px;margin-bottom:17px;color:#707688;font-size:9px}.estimate b{display:block;color:#c3c7d2;font-size:11px;margin-top:4px}.primary{border:0;background:linear-gradient(100deg,#7255ff,#477cff);color:#fff;border-radius:10px;padding:12px 14px;font-weight:650;cursor:pointer;box-shadow:0 8px 28px #6255ff35}.settings .primary{width:100%}.primary:disabled{opacity:.5}.row,.head{display:flex;justify-content:space-between;align-items:center;gap:15px}.bar{height:6px;background:#222430;border-radius:20px;overflow:hidden;margin:13px 0}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7358ff,#4d9aff);transition:width .2s}.card>small{color:#777d90;font-size:10px}#uploadBox,#progress,#results{max-width:900px;margin:18px auto}.small{padding:9px 12px;font-size:10px}.clips{display:grid;grid-template-columns:1fr 1fr;gap:8px}.clip{display:flex;align-items:center;background:#090a10;border:1px solid #ffffff0a;border-radius:10px;padding:10px}.clip span{flex:1}.clip b,.clip small{display:block;font-size:10px}.clip small{color:#686f82;margin-top:3px}.clip a{color:#a496ff;text-decoration:none;font-size:10px;border:1px solid #ffffff0d;padding:7px 9px;border-radius:7px}footer{text-align:center;color:#505668;font-size:9px;letter-spacing:.5px;padding-top:36px}@media(max-width:760px){.grid{grid-template-columns:1fr}.clips{grid-template-columns:1fr}header{padding-top:45px}.drop{padding:42px 18px}.online{display:none}}
