:root{color-scheme:dark;--bg:#080d18;--panel:#111a2a;--line:#2b3650;--muted:#91a0bd;--text:#eff2fb;--purple:#a892ff;--cyan:#55cdec;--good:#50d6a8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.ui-icon{width:18px;height:18px;display:inline-block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.logo svg,.hero-mark svg{fill:none;stroke:currentColor;stroke-width:1.15;stroke-linejoin:round}.glow{position:fixed;z-index:-1;pointer-events:none;border-radius:100%;filter:blur(95px);opacity:.25}.glow-a{width:560px;height:560px;top:-250px;left:12%;background:#5946c9}.glow-b{width:480px;height:480px;right:-240px;bottom:-220px;background:#177e9e}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px;letter-spacing:.5px;line-height:1.1;white-space:nowrap}.brand b{color:#a895ff}.brand small{display:block;color:#8695ac;font-size:9px;letter-spacing:2.1px;margin-top:6px}.logo{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(130deg,#5740b0,#9473e9);border-radius:13px;color:#fff;box-shadow:0 8px 30px #44398a55}.logo svg{width:25px;height:25px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#8294b2;display:inline-flex;align-items:center;gap:7px}.eyebrow .ui-icon{width:14px;height:14px}.purple-txt{color:#bfafff}.muted,.hint{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.6px}h2{font-size:20px;margin:6px 0 0}.login-layout{min-height:100svh;display:grid;grid-template-columns:1fr minmax(410px,41%);padding:clamp(22px,4vw,70px);gap:clamp(35px,6vw,130px);align-items:stretch;max-width:1700px;margin:auto}.login-art{padding:16px 0 24px;display:flex;align-items:flex-start;flex-direction:column}.login-art>.eyebrow{margin-top:clamp(50px,8vh,150px)}.login-art h1,.hero h1{font-size:clamp(38px,4.4vw,68px);line-height:1.13;margin:22px 0 19px;letter-spacing:-2.4px}.login-art em,.hero em{font-style:normal;background:linear-gradient(90deg,#c3afff,#7edced);-webkit-background-clip:text;background-clip:text;color:transparent}.login-art>p{font-size:15px;max-width:500px;color:#a3b0c9;line-height:1.9}.login-column{display:flex;flex-direction:column;justify-content:center;align-items:stretch}.login-card{padding:clamp(24px,4vw,49px);background:linear-gradient(160deg,#151f33,#101929);border:1px solid #35415b;border-radius:26px;box-shadow:0 18px 90px #0007}.login-card h2{font-size:clamp(27px,3vw,36px);letter-spacing:-1px;margin:17px 0 4px}.login-card>.muted{line-height:1.7;margin:0 0 30px}.login-card .stack label{display:block;color:#cdd8ec;font-size:12px;font-weight:650;margin:18px 0 8px}.stack input,.field input,.field select,.field input[type=number]{background:#19243a;border:1px solid #3b4b68;border-radius:11px;color:#eef4ff;width:100%;padding:14px 15px;min-height:47px;outline:none}.stack input:focus,.field input:focus,.field select:focus{border-color:#ad98ff;box-shadow:0 0 0 3px #8469d02d}.stack input::placeholder,.field input::placeholder{color:#7f8eaa}.password-wrap{position:relative}.password-wrap input{padding-right:52px}.eye-btn{position:absolute;right:8px;top:6px;width:38px;height:38px;display:grid;place-items:center;background:transparent;color:#a2b0ca;border:0}.login-note{display:flex;align-items:flex-start;gap:10px;border-top:1px solid #303e54;margin-top:27px;padding-top:22px;color:#95a6be;font-size:12px}.login-note .ui-icon{color:#9c87fb}.login-footer{font-size:11px;color:#64728b;text-align:center;margin:24px}.art-card{width:min(100%,530px);margin:auto 0 0;background:linear-gradient(145deg,#192743,#131b2e);padding:17px 20px 14px;border:1px solid #3c4b73;border-radius:20px;box-shadow:0 25px 80px #0005;transform:rotate(-2deg)}.art-dots{display:flex;gap:7px;padding-bottom:12px}.art-dots span{width:7px;height:7px;border-radius:100%;background:#596c95}.art-dots span:first-child{background:#9983f7}.art-screen{height:170px;position:relative;overflow:hidden;background:linear-gradient(135deg,#1b2850,#6d5da0 58%,#e3a68f);border-radius:11px}.art-sun{position:absolute;width:100px;height:100px;background:#fbd2bb;border-radius:50%;top:23px;right:95px;filter:blur(1px)}.art-mountains{position:absolute;bottom:-68px;width:140%;height:200px;left:-15%;background:linear-gradient(45deg,#273863,#7d78ad);clip-path:polygon(0 100%,0 54%,25% 13%,49% 59%,70% 5%,100% 69%,100% 100%)}.art-divider{position:absolute;left:48%;top:0;bottom:0;border-left:2px solid white;box-shadow:0 0 12px #fff}.art-screen>span{position:absolute;bottom:10px;left:12px;font-size:10px;font-weight:800;letter-spacing:2px;text-shadow:0 2px 8px #000}.art-screen>span:last-child{left:auto;right:12px}.art-foot{color:#899ec9;font-size:9px;letter-spacing:2px;margin-top:12px}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;background:#101827;border-right:1px solid #2b3850;padding:28px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;flex-shrink:0}.sidebar .brand{margin:0 6px 53px}.nav-label{font-size:10px;color:#677891;font-weight:700;letter-spacing:1.5px;padding:0 17px;margin-bottom:12px}.side-nav{display:grid;gap:8px}.side-item,.logout{border:0;background:none;color:#94a5be;display:flex;align-items:center;gap:14px;width:100%;border-radius:10px;padding:13px 16px;text-align:left;font-weight:600}.side-item:hover,.logout:hover{background:#1d2940;color:white}.side-item.active{background:#332a59;color:#d7cbff}.side-item.active .ui-icon{color:#beaeff}.sidebar-bottom{margin-top:auto}.identity{border-top:1px solid #303c53;padding:22px 5px;display:flex;align-items:center;gap:12px}.identity small{display:block;color:#8291ac;font-size:11px}.avatar{width:37px;height:37px;background:#463676;color:#e9ddff;border-radius:11px;display:grid;place-items:center;font-weight:900}.main{flex:1;min-width:0;max-width:1600px;margin:0 auto;padding:0 clamp(17px,3vw,55px) 35px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b3449}.topbar h3{font-size:17px;margin:1px 0 0}.top-right{display:flex;align-items:center;gap:18px}.secure{font-size:10px;color:#93adc0;font-weight:700;letter-spacing:1.5px}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#59d6ac;box-shadow:0 0 13px #59d6ac;margin-right:6px}.hero{margin:24px 0 18px;background:radial-gradient(circle at 87% 38%,#37306a 0,#1b2440 29%,#131e30 75%);border:1px solid #333e60;min-height:245px;border-radius:18px;padding:33px 38px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero h1{font-size:clamp(30px,3.4vw,45px);margin:11px 0 13px;letter-spacing:-1.4px}.hero p{max-width:525px;color:#abb9cf;line-height:1.7;font-size:13px;margin:0}.hero-mark svg{height:135px;width:135px;color:#9d8aff;filter:drop-shadow(0 0 30px #a180fc)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:18px 0}.stat,.card{border:1px solid #2d3a53;background:linear-gradient(148deg,#131e30,#111a29);border-radius:15px}.stat{padding:19px}.caption{color:#8292b0;font-size:10px;font-weight:700;letter-spacing:1.5px}.stat>b{display:block;font-size:22px;margin:7px 0 12px;white-space:nowrap}.stat>b small{font-size:12px;color:#8594ab;font-weight:500}.stat-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8394b2;font-size:11px;margin:13px 0 7px}.stat-meta b{color:#c8d2e7}.bar{height:6px;background:#293449;border-radius:30px;overflow:hidden}.bar>i{height:100%;width:0%;background:linear-gradient(90deg,#8f76ec,#5ecde8);display:block;border-radius:30px;transition:width .3s}.workgrid{display:grid;grid-template-columns:1.05fr 1fr;gap:17px;margin:19px 0}.card{padding:25px}.heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.heading .accent{width:23px;height:23px;color:#aa97f9}.drop-zone{height:250px;border:1.5px dashed #52617e;background:#172338;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;text-align:center;padding:18px;transition:.2s}.drop-zone:hover,.drop-zone.drag{border-color:#ab95ff;background:#242a49}.upload-symbol{width:66px;height:66px;background:#322d57;color:#b4a2ff;display:grid;place-items:center;border-radius:18px;margin-bottom:15px}.upload-symbol .ui-icon{width:30px;height:30px}.drop-zone>b{font-size:16px}.drop-zone p{color:#98a9c0;font-size:12px}.file-types{font-size:10px;letter-spacing:1.5px;color:#b7a6ff;margin-top:15px}.hint{font-size:11px;line-height:1.7;margin:15px 0 0}.file-preview{margin-top:15px;display:flex;gap:12px;align-items:center;background:#202c41;padding:12px;border-radius:10px}.file-dot{height:36px;width:36px;border-radius:9px;background:#594d8e;flex-shrink:0}.file-text{min-width:0;flex:1}.file-text b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-text small{display:block;color:#a1adc4}.file-preview button{background:transparent;border:0;color:#c7ceda;font-size:23px}.field{margin-bottom:20px}.field label{font-size:12px;color:#c2cce0;font-weight:650;display:block;margin-bottom:8px}.field select{cursor:pointer}.choices{display:flex;background:#19243a;border:1px solid #3b4b68;border-radius:10px;padding:4px}.choices button{flex:1;border:0;background:transparent;border-radius:7px;color:#a1aec7;padding:10px 4px;font-size:12px}.choices button.chosen{background:#453776;color:#f6efff}.toggle{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0;padding:18px 0;border-top:1px solid #2c3751}.toggle b{font-size:12px}.toggle small{display:block;color:#8093b0;margin-top:4px}.toggle input{appearance:none;width:44px;height:25px;flex-shrink:0;border-radius:30px;background:#3b4560;position:relative;cursor:pointer}.toggle input:checked{background:#8f77f5}.toggle input:before{content:'';position:absolute;background:#d6e1f5;width:17px;height:17px;border-radius:50%;left:4px;top:4px;transition:.2s}.toggle input:checked:before{transform:translateX(19px)}.toggle input:disabled{opacity:.4;cursor:not-allowed}.primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:12px;background:linear-gradient(95deg,#886df0,#ac91ff);color:#fff;border:0;border-radius:10px;font-weight:800;transition:.2s}.primary:hover:not(:disabled){filter:brightness(1.1)}button:disabled{cursor:not-allowed;opacity:.55}.message{padding:11px 13px;margin:12px 0 0;color:#9ae9cd;background:#133834;border-radius:9px;font-size:12px;white-space:pre-wrap}.message.error{color:#ffc2c9;background:#3e2432}.history{margin:20px 0}.outline,.small-button{background:#1c2a3e;border:1px solid #3c4c6a;color:#d3ddf1;border-radius:9px;padding:9px 12px;display:inline-flex;align-items:center;gap:7px}.outline:hover,.small-button:hover{background:#2b3856}.jobs-list{display:grid}.job-row{display:grid;grid-template-columns:minmax(130px,1fr) 105px 105px 100px auto;align-items:center;gap:12px;border-top:1px solid #2b3850;padding:17px 0}.job-row:first-child{border-top:0}.job-name{font-weight:740;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-sub{font-size:11px;color:#8293ad;margin-top:4px}.state{font-size:11px;color:#b3a4ff;font-weight:800}.state.done{color:#50d6a8}.state.failed{color:#ff9cac}.state.cancelled,.state.expired{color:#95a2b6}.job-progress{display:flex;align-items:center;gap:9px;font-size:11px}.mini-bar{width:57px;height:5px;border-radius:4px;background:#303e56;overflow:hidden}.mini-bar div{height:100%;background:#a18afd}.eta{font-size:11px;color:#8fa0b8}.job-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.small-button{font-size:11px;padding:7px 9px;white-space:nowrap}.empty{padding:35px;text-align:center;color:#94a3bd}.empty b{display:block;font-size:15px;color:#dbe3f5}.empty small{display:block;margin-top:6px}.quota-card{display:flex;align-items:center;gap:30px;justify-content:space-between}.quota-card .muted{font-size:11px;max-width:270px}.quota-grid{display:grid;grid-template-columns:repeat(3, minmax(75px,1fr));gap:8px;flex:1}.quota-pill{border:1px solid #39465e;background:#1b2740;padding:10px;border-radius:9px}.quota-pill span,.quota-pill small{display:block;color:#a4b1c9;font-size:10px}.quota-pill b{display:block;font-size:18px}.admin-hero{min-height:210px}.admin-form{max-width:100%}.quota-input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.quota-input-grid label{background:#1b2740;border:1px solid #33425b;border-radius:9px;padding:10px;display:block!important;font-size:10px!important;margin:0!important}.quota-input-grid label input{margin-top:7px;min-height:38px;padding:7px}.security-features p{display:flex;align-items:center;gap:10px;color:#bbc6db;padding:11px 0;border-bottom:1px solid #2b3a53;font-size:12px}.security-features .ui-icon{color:#a996fc}.admin-hint{margin-top:20px;color:#9eaec7;font-size:12px;line-height:1.8}.admin-hint code{color:#ffb5bf}.user-cards{display:grid;gap:14px}.user-card{background:#19263b;border:1px solid #33445f;border-radius:12px;padding:17px}.user-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.user-card-head b{font-size:16px}.user-card-head small{display:block;color:#92a5c2}.user-card-admin{color:#b7abff;font-size:12px}.user-card-quotas{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:15px 0}.user-card-quotas label{font-size:10px;color:#92a1bc}.user-card-quotas label input{margin-top:6px;min-height:37px;width:100%;padding:7px}.user-card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.user-card-actions .small-button{padding:9px 12px}.user-card-actions .reset-password{max-width:240px;width:100%;padding:9px}.logout{margin:0;color:#adbcd3}.admin-status{font-size:12px;color:#9daac4}.compare-main{max-width:1240px;margin:auto;padding:25px}.compare-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.compare-head .brand{font-size:14px}.compare-title h1{font-size:clamp(28px,4vw,42px);margin:15px 0 5px}.compare-title p{color:#96a6c0}.compare-stage{position:relative;aspect-ratio:1/1;max-height:65vh;min-height:280px;width:100%;background:#080d18;overflow:hidden;border-radius:16px;border:1px solid #3b4a61;--split:50%}.compare-stage>img{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;user-select:none;pointer-events:none}.compare-stage .after{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-stage .divider-line{position:absolute;left:var(--split);top:0;bottom:0;border-left:2px solid #fff;transform:translateX(-1px);pointer-events:none;box-shadow:0 0 8px #fff}.compare-stage .divider-handle{position:absolute;left:var(--split);top:50%;width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 3px 20px #0007;transform:translate(-50%,-50%);display:grid;place-items:center;color:#25233e;font-size:20px;font-weight:900;pointer-events:none}.compare-stage input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.compare-stage .stage-tag{position:absolute;top:14px;background:#101b33bb;border:1px solid #69738d9c;border-radius:7px;padding:5px 12px;pointer-events:none;font-size:10px;letter-spacing:1px}.compare-stage .stage-tag.source{right:13px}.compare-stage .stage-tag.result{left:13px}.compare-video{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare-video video{width:100%;max-height:70vh;background:#000;border-radius:12px}.compare-video span{font-size:12px;color:#a4b2ca}.compare-tools{margin:18px 0;display:flex;gap:10px;flex-wrap:wrap}.compare-tools a{display:inline-flex;align-items:center;gap:8px}.compare-detail{padding:14px 0;color:#8396b2;font-size:12px}footer{display:flex;justify-content:space-between;color:#61728d;padding:24px 0;font-size:10px;letter-spacing:1.2px}
@media(max-width:1180px){.sidebar{width:216px}.quota-card{display:block}.quota-card .muted{max-width:none}.quota-grid{margin-top:14px}.user-card-quotas{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.login-layout{grid-template-columns:1fr;max-width:540px;padding:20px}.login-art{display:none}.login-column{min-height:calc(100svh - 40px)}.sidebar{width:72px;align-items:center;padding:22px 9px}.sidebar .brand>span:last-child,.nav-label,.side-item{font-size:0}.side-item .ui-icon{width:22px;height:22px}.side-item{justify-content:center;padding:14px}.identity div,.logout{font-size:0}.logout .ui-icon{height:22px;width:22px}.sidebar .brand{margin:0 0 50px}.brand .logo{width:41px;height:41px}.stats{gap:8px}.stat{padding:14px}.stat>b{font-size:16px}}
@media(max-width:750px){.workgrid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stats .stat:last-child{grid-column:1/-1}.user-card-quotas{grid-template-columns:repeat(2,1fr)}.job-row{grid-template-columns:1fr auto;gap:8px}.job-actions{grid-column:1/-1}.compare-video{grid-template-columns:1fr}.compare-head{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.app-shell{display:block}.sidebar{width:100%;height:auto;position:relative;flex-direction:row;justify-content:space-between;padding:9px 12px;gap:10px}.sidebar .brand{margin:0}.sidebar .brand>span:last-child{display:block;font-size:13px}.sidebar .brand small{font-size:8px}.side-nav{display:flex;gap:0}.side-item{padding:8px}.sidebar-bottom{margin:0}.sidebar .identity{display:none}.sidebar .logout{padding:8px}.main{padding:0 14px}.topbar{height:71px}.topbar .eyebrow,.secure{display:none}.hero{padding:24px;min-height:220px}.hero-mark{display:none}.hero h1{letter-spacing:-1px}.hero p{font-size:12px}.card{padding:18px}.stats{grid-template-columns:1fr 1fr}.stat{padding:13px}.stat .caption{font-size:9px}.quota-grid{grid-template-columns:repeat(3,1fr)}.quota-input-grid{grid-template-columns:repeat(2,1fr)}.compare-main{padding:15px}.compare-stage{min-height:220px}footer span{display:none}}