:root{color:#edf5ff;font-synthesis:none;--panel:#0e1b2ed1;--line:#98b8de29;--muted:#91a4bc;--cyan:#52e2f2;--blue:#5e7dff;--violet:#9e6cff;background:#060d18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% -10%,#4561d142,#0000 35%),radial-gradient(circle at 90% 20%,#48d6e01c,#0000 28%),#060d18;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}h1,h2,h3,p{margin-top:0}.hero{min-height:100vh;padding:max(24px,env(safe-area-inset-top)) max(20px,6vw) max(24px,env(safe-area-inset-bottom));grid-template-rows:auto 1fr;grid-template-columns:1fr minmax(340px,520px);align-items:center;gap:48px;display:grid}.brand{grid-column:1/-1;align-items:center;gap:12px;display:flex}.brandMark{background:linear-gradient(135deg,var(--violet),var(--cyan));color:#07111f;border-radius:12px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.brand strong,.brand small{display:block}.brand small{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:11px}.heroCopy h1,.editorHead h1,.resultHero h1{letter-spacing:-.055em;margin:18px 0 24px;font-size:clamp(36px,5.4vw,74px);line-height:1.02}.heroCopy em{background:linear-gradient(90deg,#b39cff,var(--cyan));color:#0000;-webkit-background-clip:text;font-style:normal}.heroCopy p{max-width:650px;color:var(--muted);font-size:18px;line-height:1.7}.eyebrow{letter-spacing:.2em;color:var(--cyan);font-size:11px;font-weight:800}.drop,.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#12233ce8,#091424db);box-shadow:0 32px 90px #00000047}.drop{text-align:center;border-style:dashed;border-radius:28px;padding:54px 28px;transition:transform .25s,border-color .25s}.drop.drag{border-color:var(--cyan);transform:scale(1.02)}.drop small{color:var(--muted);margin-top:26px;display:block}.uploadIcon{width:76px;height:76px;color:var(--cyan);background:#52e2f217;border-radius:24px;place-items:center;margin:0 auto 24px;font-size:36px;display:grid}.button{background:linear-gradient(100deg,var(--blue),var(--violet));color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;padding:13px 20px;font-weight:750;text-decoration:none;display:inline-flex;box-shadow:0 10px 30px #596fff33}.button:disabled,.disabled{opacity:.42;pointer-events:none}.button.secondary,.button.ghost{border:1px solid var(--line);box-shadow:none;background:#809ec51a}.button.danger{color:#ff9aad;box-shadow:none;background:#ff536f21;border:1px solid #ff536f4d}.wide{width:100%;margin-top:28px;padding:16px}.link{color:var(--cyan);cursor:pointer;background:0 0;border:0;padding:8px 0}.workspace{max-width:1180px;padding:max(20px,env(safe-area-inset-top)) 20px max(40px,env(safe-area-inset-bottom));margin:auto}.workspace header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.privacy{color:#7fe0af;font-size:12px}.grid{grid-template-columns:300px 1fr;align-items:start;gap:24px;display:grid}.panel{border-radius:22px;padding:26px}.mediaCard{position:sticky;top:20px}.videoBadge{color:var(--cyan);background:#52e2f21a;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:900;display:inline-block}.mediaCard h2{word-break:break-word;margin:16px 0 22px}.mediaCard dl{margin:0}.mediaCard dl div{border-top:1px solid var(--line);justify-content:space-between;gap:15px;padding:13px 0;display:flex}.mediaCard dt{color:var(--muted)}.mediaCard dd{text-align:right;margin:0}.sectionTitle{gap:14px;margin:10px 0 22px;display:flex}.sectionTitle:not(:first-child){margin-top:38px}.sectionTitle>span{color:#91a9ff;background:#5e7dff24;border-radius:9px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:900;display:grid}.sectionTitle h2{margin-bottom:4px;font-size:19px}.sectionTitle p{color:var(--muted);font-size:13px}.formGrid{grid-template-columns:1fr 1fr;gap:18px;display:grid}label{color:#b7c8db;gap:8px;font-size:13px;display:grid}input,select,textarea{border:1px solid var(--line);color:#ecf5ff;background:#0a1729;border-radius:10px;outline:none;width:100%;padding:12px}input:focus,select:focus,textarea:focus{border-color:#657fff;box-shadow:0 0 0 3px #5e7dff1f}textarea{resize:vertical;min-height:78px}.check{grid-column:auto;align-items:center;gap:10px;display:flex}.check input{width:auto}.warning{color:#d8ba85}.keyRow{grid-template-columns:1fr auto;gap:10px;margin-top:14px;display:grid}.keyRow small{color:#ff9aac;grid-column:1/-1}.keyRow small.success{color:#7fe0af}.alert{color:#ffafbd;background:#ff536f1a;border:1px solid #ff536f40;border-radius:11px;margin-top:18px;padding:13px 15px}.process{text-align:center;max-width:780px;margin:70px auto}.process h1{margin:16px;font-size:clamp(26px,4vw,46px)}.ring{--p:0deg;background:conic-gradient(var(--cyan) var(--p),#ffffff14 0);border-radius:50%;place-items:center;width:130px;height:130px;margin:0 auto 28px;display:grid;position:relative}.ring:after{content:"";background:#0c1a2e;border-radius:50%;position:absolute;inset:8px}.ring span{z-index:1;font-size:25px;font-weight:800}.progress{background:#ffffff12;border-radius:99px;height:7px;margin:28px 0;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--blue),var(--cyan));height:100%;transition:width .3s;display:block}.stepper{color:var(--muted);grid-template-columns:repeat(5,1fr);margin:30px 0;padding:0;font-size:12px;list-style:none;display:grid}.stepper li:before{content:"";background:#34455e;border-radius:50%;width:9px;height:9px;margin:0 auto 8px;display:block}.stepper li.done{color:#b9f7ff}.stepper li.done:before{background:var(--cyan);box-shadow:0 0 15px var(--cyan)}details{text-align:left;color:var(--muted);margin-top:20px}pre{white-space:pre-wrap;font-size:11px;overflow:auto}.actions{flex-wrap:wrap;gap:10px;display:flex}.actions.center{justify-content:center}.editorHead{justify-content:space-between;align-items:end;gap:25px;margin:50px 0 25px;display:flex}.editorHead h1{margin-bottom:0;font-size:clamp(30px,4vw,52px)}.miniVideo{background:#000;border-radius:18px;width:100%;max-height:360px}.search{margin:22px 0}.cueList{gap:12px;display:grid}.cue{border:1px solid var(--line);background:#0c1b2fa6;border-radius:15px;grid-template-columns:45px 180px 1fr 1fr;gap:12px;padding:14px;display:grid}.cueNo{color:#657fff;padding:12px;font-weight:800}.times{grid-template-columns:1fr 1fr 38px;align-content:start;gap:5px;display:grid}.times input{padding:10px 7px}.iconButton{border:1px solid var(--line);color:var(--cyan);background:#112039;border-radius:9px}.cue textarea{min-height:72px}.cue .translated{border-color:#52e2f240}.resultHero{text-align:center;padding:50px 0 25px}.resultHero h1{margin:16px;font-size:clamp(38px,6vw,72px)}.resultHero p{color:var(--muted)}.successMark{color:#65e8aa;background:#47e09e1f;border-radius:50%;place-items:center;width:62px;height:62px;margin:0 auto 18px;font-size:28px;display:grid}.compare{grid-template-columns:1fr 1fr;gap:20px;display:grid}.compare video,.compare audio{background:#03070d;border-radius:12px;width:100%}.downloads{grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0;display:grid}.downloads .button{width:100%}@media (max-width:800px){.hero{display:block}.heroCopy{padding:70px 0 35px}.grid,.compare{grid-template-columns:1fr}.mediaCard{position:static}.formGrid{grid-template-columns:1fr}.editorHead{display:block}.editorHead .actions{margin-top:20px}.cue{grid-template-columns:35px 1fr}.cue textarea,.times{grid-column:2}.downloads{grid-template-columns:1fr 1fr}.privacy{display:none}}@media (max-width:480px){.workspace{padding-left:12px;padding-right:12px}.panel{padding:18px}.drop{padding:38px 18px}.hero{padding-left:16px;padding-right:16px}.stepper{font-size:9px}.downloads,.keyRow{grid-template-columns:1fr}.keyRow .button{width:100%}.cue{gap:7px;padding:9px}.cueNo{padding:10px 0}.times{grid-template-columns:1fr 1fr 34px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}