:root{color:#282a39;font-synthesis:none;--accent:#7961e8;--muted:#9294a4;--border:#e9eaf0;background:#f7f8fc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a{transition:background .18s,color .18s,transform .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #b8acf8}button{border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button svg,a svg{flex-shrink:0}input,select{min-width:0}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);z-index:5;background:#fff;flex-direction:column;width:226px;padding:34px 20px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1px;align-items:center;gap:11px;padding:0 7px;font-size:26px;font-weight:760;display:flex}.brand-icon{background:var(--accent);color:#fff;border-radius:12px;place-items:center;width:37px;height:37px;display:grid;box-shadow:0 5px 12px #7961e833}.brand-dot{color:var(--accent)}.nav-label{letter-spacing:2px;color:#a3a4b1;margin:54px 15px 15px;font-size:10px}nav{gap:7px;display:grid}nav button{color:#7d7f90;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:13px;width:100%;padding:14px;font-size:13px;display:flex}nav button.active{color:#735be0;background:#f0ecff;font-weight:650}nav button:hover{background:#f5f3ff}.nav-plus,.nav-count{margin-left:auto;font-size:16px}.nav-count{background:#f1f2f7;border-radius:4px;padding:3px 6px;font-size:11px}.sidebar-bottom{margin-top:auto;padding-top:60px}.queue-summary{border:1px solid var(--border);color:#6f7283;border-radius:10px;padding:16px;font-size:11px}.queue-summary>div:first-child{color:#4b4e61;align-items:center;gap:7px;display:flex}.queue-summary p{color:#a0a1ae;margin:12px 0;font-size:11px}.online-dot,.privacy-dot{background:#59bca4;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.online-dot.offline{background:#c2c4d1}.worker-slots{gap:6px;margin-bottom:6px;display:flex}.worker-slots i{background:#eeeaf9;border-radius:3px;flex:1;height:4px}.worker-slots .occupied{background:var(--accent)}.queue-summary small{margin-top:10px;font-size:10px;display:block}.local-profile{align-items:center;gap:10px;margin:23px 0 0 6px;font-size:11px;display:flex}.local-profile>span{color:#846ce2;background:#f0edf9;border-radius:50%;place-items:center;width:33px;height:33px;font-size:10px;font-weight:700;display:grid}.local-profile small{color:#a6a8b4;margin-top:5px;font-size:9px;display:block}.workspace{width:calc(100% - 226px);margin-left:226px}.topbar{border-bottom:1px solid var(--border);background:#ffffffa6;justify-content:space-between;align-items:center;height:77px;padding:0 44px;font-size:11px;display:flex}.topbar>div{color:#b0b1bd;align-items:center;gap:14px;display:flex}.topbar strong{color:#626576;font-weight:500}.topbar-label{color:#818493;align-items:center;gap:7px;display:flex}main{max-width:1270px;margin:0 auto;padding:43px 44px 0}.intro{justify-content:space-between;align-items:center;min-height:156px;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:2px;color:var(--accent);align-items:center;gap:7px;margin-bottom:17px;font-size:10px;font-weight:600;display:flex}.intro h1{letter-spacing:-1px;font-size:35px;font-weight:700;line-height:1.4}.intro h1 span{color:var(--accent)}.intro-description{color:#898b9c;margin-top:15px;font-size:12px;line-height:1.8}.intro-art{flex-shrink:0;width:180px;height:135px;position:relative}.art-frame{background:#eee9fe;border:1px solid #e2dcf9;border-radius:14px;width:90px;height:115px;position:absolute;top:8px;left:30px;transform:rotate(-12deg)}.art-frame.front{color:#a38cf3;background:linear-gradient(140deg,#faf8ff,#e8e1ff);flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex;top:3px;left:56px;transform:rotate(9deg);box-shadow:4px 8px 24px #7760c515}.art-frame span{letter-spacing:1px;font-size:6px}.art-star{color:#9c85e5;font-size:31px;font-style:normal;position:absolute;top:0;right:0}.section-top{justify-content:space-between;align-items:center;margin:3px 0 16px;display:flex}.section-top h2{font-size:15px;font-weight:650}.section-top>span{color:#9598a6;align-items:center;gap:7px;font-size:10px;display:flex}.upload-grid{grid-template-columns:1.15fr 1fr;gap:20px;display:grid}.upload-card{border:1px solid var(--border);background:#fff;border-radius:13px;padding:21px 23px 17px}.card-caption{align-items:center;gap:10px;margin-bottom:20px;display:flex}.step-number{color:#957fdf;background:#f0ecfd;border-radius:6px;place-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:grid}.card-caption h3{font-size:12px;font-weight:600}.card-caption>span:last-child{color:#b2b3bf;margin-left:auto;font-size:9px}.dropzone{color:#9192a2;background:#fdfcff;border:1.5px dashed #dcd9eb;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:216px;display:flex}.dropzone:hover,.dragging .dropzone{background:#f7f3ff;border-color:#a392e0}.upload-icon{color:#9b84e4;background:#f0ecfc;border-radius:15px;place-items:center;width:59px;height:59px;margin-bottom:7px;display:grid}.dropzone strong{color:#636576;font-size:12px;font-weight:550}.dropzone span:not(.upload-icon){font-size:10px}.dropzone small{color:#b5b6c0;font-size:9px}.card-tip{color:#a1a3b0;margin-top:15px;font-size:10px;line-height:1.8}.file-preview{border-radius:8px;max-width:90%;height:110px;overflow:hidden}.file-preview img{object-fit:contain;max-width:100%;height:100%}.video-preview{color:#a491dd;background:linear-gradient(120deg,#efebfc,#e3def4);place-items:center;width:170px;display:grid}.dropzone .file-name{white-space:nowrap;text-overflow:ellipsis;max-width:90%;overflow:hidden}.settings{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:26px;margin-top:22px;padding:22px 25px;display:flex}.settings-title{margin-right:auto}.settings h3{font-size:12px;font-weight:600}.settings p{color:#a4a6b3;margin-top:7px;font-size:10px}.settings>label{color:#8c8e9d;flex-direction:column;gap:9px;font-size:10px;display:flex}.settings select{color:#666879;cursor:pointer;background:#fff;border:1px solid #e8e7ef;border-radius:6px;width:135px;padding:8px 24px 8px 10px;font-size:11px}.checkbox-label{white-space:nowrap;color:#6e7181;align-items:center;gap:6px;height:33px;display:flex}.checkbox-label input{accent-color:var(--accent);cursor:pointer;width:14px;height:14px}.generate-bar{justify-content:space-between;align-items:flex-end;gap:24px;margin:25px 0 0;display:flex}.project-name{color:#999ba9;flex-direction:column;gap:8px;width:290px;max-width:42%;font-size:10px;display:flex}.project-name input{color:#575a6c;background:0 0;border:0;border-bottom:1px solid #e0e0eb;padding:8px 0;font-size:11px}.project-name input::placeholder{color:#b2b3c0}.generate-action{align-items:center;gap:20px;display:flex}.generate-action>p{color:#a0a2af;font-size:10px}.primary,.secondary{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:13px 19px;font-size:12px;font-weight:600;display:inline-flex}.primary{background:var(--accent);color:#fff;box-shadow:0 4px 10px #7961e81a}.primary:hover:not(:disabled){background:#6a51dc;transform:translateY(-1px)}.primary:disabled{opacity:.7;box-shadow:none;background:#bfb4e8}.secondary{color:#6e648e;background:#fff;border:1px solid #e3e1ee}.secondary:hover{background:#f7f4ff}.upload-progress,.mini-progress,.processing-progress{background:#eeebf7;border-radius:6px;height:5px;overflow:hidden}.upload-progress{margin-top:15px}.upload-progress>div,.mini-progress i,.processing-progress i{background:var(--accent);height:100%;transition:width .5s;display:block}.how-it-works{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:20px;margin-top:43px;padding-top:27px;display:grid}.how-it-works>div{grid-template-columns:36px 1fr;align-items:center;gap:6px 7px;display:grid}.how-it-works span{color:#a89acc;grid-row:span 2;place-items:center;display:grid}.how-it-works strong{color:#858394;font-size:10px;font-weight:550}.how-it-works p{color:#aba9b6;font-size:9px;line-height:1.7}footer{letter-spacing:2px;color:#bbbdc9;justify-content:space-between;margin:45px 0 20px;font-size:8px;display:flex}footer span{letter-spacing:1px;font-size:9px}.alert{color:#ad6044;background:#fff3ee;border:1px solid #f6dfd2;border-radius:9px;align-items:center;gap:10px;margin-bottom:20px;padding:13px 16px;font-size:12px;line-height:1.7;display:flex}.alert>span{flex:1}.alert button{color:inherit;background:0 0;padding:0;display:flex}.page-heading{justify-content:space-between;align-items:center;gap:25px;margin:15px 0 35px;display:flex}.page-heading h1{font-size:29px;line-height:1.4}.page-heading p:not(.eyebrow){color:#9699a8;margin-top:11px;font-size:12px}.tabs{border-bottom:1px solid var(--border);gap:25px;margin-bottom:24px;display:flex}.tabs button{color:#9497a7;background:0 0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 0 15px;font-size:12px;display:flex}.tabs button.selected{color:var(--accent);border-color:var(--accent)}.tabs span{background:#eeeafa;border-radius:4px;padding:2px 5px;font-size:9px}.empty{border:1px solid var(--border);text-align:center;color:#a99acb;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:18px;padding:75px 25px;display:flex}.empty-icon{background:#f5f1fe;border-radius:18px;padding:20px}.empty h3,.empty h2{color:#5a586a;font-size:17px;font-weight:550}.empty p{color:#a1a1ad;max-width:570px;font-size:12px;line-height:1.9}.empty .secondary{margin-top:5px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.project-card{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.project-cover{color:#b1a5d4;background:#efedf6;place-items:center;width:100%;height:168px;padding:0;display:grid;position:relative}.project-cover img{object-fit:contain;background:#252432;width:100%;height:100%}.project-cover .badge{position:absolute;top:12px;left:12px}.duration{color:#fff;background:#0008;border-radius:4px;padding:4px 6px;font-size:10px;position:absolute;bottom:10px;right:10px}.badge{color:#8c8b9a;white-space:nowrap;background:#efeff5;border-radius:5px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:4px;height:4px}.badge.succeeded{color:#439a7a;background:#e4f4ed}.badge.running,.badge.cancelling{color:#8a6bd9;background:#efebfc}.badge.queued{color:#ad864a;background:#fbf0de}.badge.failed{color:#c47f70;background:#fcedea}.project-card-body{padding:18px}.project-title{color:#545367;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;width:100%;padding:0;font-size:13px;font-weight:600;overflow:hidden}.project-card-body>p{color:#aaa9b7;justify-content:space-between;gap:8px;margin:11px 0;font-size:9px;display:flex}.project-card-body>p span{white-space:nowrap;text-overflow:ellipsis;max-width:50%;overflow:hidden}.card-bottom{border-top:1px solid #f0eff5;justify-content:space-between;align-items:center;margin-top:15px;padding-top:12px;display:flex}.card-bottom button{color:#9486b6;background:0 0;align-items:center;gap:5px;padding:2px;font-size:10px;display:flex}.card-bottom .icon-button{color:#b6b3c3;padding:4px}.mini-progress{height:3px;margin-top:14px}.back-link{color:#9391a4;background:0 0;align-items:center;gap:7px;padding:0;font-size:11px;display:flex}.detail-title{overflow-wrap:anywhere;max-width:650px}.result-layout{grid-template-columns:minmax(0,1.2fr) minmax(255px,1fr);gap:26px;display:grid}.player-panel{background:#191822;border-radius:13px;place-items:center;min-height:400px;padding:16px;display:grid}.player-panel video{border-radius:5px;width:100%;max-height:570px}.result-info{border:1px solid var(--border);background:#fff;border-radius:13px;padding:29px}.success-symbol{color:#66ad91;background:#e9f7f1;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:18px;display:grid}.result-info h2{font-size:20px}.result-info>p{color:#9694a4;margin-top:11px;font-size:11px;line-height:1.8}.result-info dl{margin:24px 0;font-size:12px}.result-info dl>div{border-bottom:1px solid #f2f0f6;justify-content:space-between;padding:12px 0;display:flex}.result-info dt{color:#a4a1b1}.result-info dd{color:#686276;margin:0}.download{width:100%;margin:10px 0}.result-info .result-note{align-items:flex-start;gap:6px;margin-top:16px;font-size:10px;line-height:1.8;display:flex}.result-note svg{flex-shrink:0;margin-top:2px}.processing-panel{text-align:center;border:1px solid var(--border);background:#fff;border-radius:14px;padding:45px 35px}.processing-icon{color:#9a7be5;background:#f0ebfe;border-radius:24px;place-items:center;width:78px;height:78px;margin:0 auto 24px;display:grid;box-shadow:0 0 0 10px #faf8ff}.processing-icon.waiting{color:#c5a469;background:#fcf4e6;box-shadow:0 0 0 10px #fdfaf4}.processing-panel .eyebrow{justify-content:center;margin-bottom:14px;font-size:9px}.processing-panel h2{font-size:22px;font-weight:600}.processing-panel>p:not(.eyebrow){color:#a09bac;margin-top:15px;font-size:12px;line-height:1.8}.processing-progress{max-width:420px;height:6px;margin:30px auto 8px}.percent{color:#ac9ec8;font-size:10px}.stage-list{flex-wrap:wrap;justify-content:center;gap:20px;margin:34px 0;display:flex}.stage-list>div{color:#b6b2c1;align-items:center;gap:5px;font-size:10px;display:flex}.stage-list span{background:#f3f1f7;border-radius:50%;place-items:center;width:17px;height:17px;font-size:8px;display:grid}.stage-list .current{color:var(--accent)}.stage-list .current span{background:var(--accent);color:#fff}.stage-list .done{color:#7eb19b}.processing-panel .processing-tip{font-size:10px!important}.processing-panel .secondary{margin-top:20px;padding:10px 15px;font-size:10px}.failure{padding:70px 30px}.failure>svg{color:#c5a09b}.attempts{border:1px solid var(--border);background:#fff;border-radius:10px;margin-top:32px;padding:22px}.attempts h3{margin-bottom:18px;font-size:12px}.attempts>div{color:#a7a1b5;border-top:1px solid #f4f2f7;align-items:center;gap:18px;padding:10px 0;font-size:10px;display:flex}.attempts p{margin-left:auto}.action-busy button{pointer-events:none;opacity:.6}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1500px){main{padding-top:55px}.intro{margin-bottom:42px}.dropzone{height:260px}.upload-card{padding:25px}.how-it-works{margin-top:52px}}@media (width<=1150px){.sidebar{width:195px;padding-left:15px;padding-right:15px}.workspace{width:calc(100% - 195px);margin-left:195px}main{padding:30px 28px 0}.topbar{padding:0 28px}.intro h1{font-size:30px}.intro-art{width:135px}.art-star{display:none}.settings{gap:15px;padding:20px}.settings select{width:112px}.settings-title p{max-width:90px;line-height:1.7}.generate-action>p{max-width:132px;line-height:1.8}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-it-works>div{grid-template-columns:25px 1fr;gap:7px}.how-it-works p{font-size:8px}.result-info{padding:23px}}@media (width<=850px){.sidebar{width:76px;padding:28px 10px}.brand{justify-content:center;padding:0}.brand>span:last-child,.nav-label,.sidebar-bottom,nav button .nav-count,nav button .nav-plus{display:none}nav{margin-top:45px}nav button{justify-content:center;gap:0;padding:14px;font-size:0}.workspace{width:calc(100% - 76px);margin-left:76px}.intro-art,.settings-title{display:none}.settings{justify-content:space-between}.generate-action{gap:10px}.upload-card{padding:17px 15px}.card-tip{min-height:32px}.result-layout{grid-template-columns:1fr}.player-panel{min-height:300px}.player-panel video{max-height:470px}.result-info{padding:25px}.result-info dl{grid-template-columns:1fr 1fr;gap:0 25px;display:grid}.stage-list{gap:13px}.attempts>div{flex-wrap:wrap}.attempts p{width:100%;margin-left:0}}@media (width<=580px){.sidebar{width:60px;padding:24px 7px}.brand-icon{border-radius:10px;width:34px;height:34px}.workspace{width:calc(100% - 60px);margin-left:60px}main{padding:25px 17px 0}.topbar{height:65px;padding:0 18px}.topbar-label{font-size:0}.intro{min-height:130px;margin-bottom:24px}.intro h1{font-size:26px}.eyebrow{margin-bottom:13px;font-size:8px}.intro-description{max-width:250px;font-size:11px}.upload-grid{grid-template-columns:1fr;gap:16px}.dropzone{height:190px}.card-tip{min-height:0;font-size:9px}.settings{flex-wrap:wrap;gap:10px;padding:17px 14px}.settings>label{flex:1}.settings select{width:100%;padding-right:8px;font-size:10px}.settings .audio-setting{flex-direction:row;justify-content:space-between;align-items:center;min-width:100%;margin-top:4px}.generate-bar{flex-direction:column;align-items:stretch;gap:20px}.project-name{width:100%;max-width:100%}.generate-action{justify-content:space-between}.generate-action>p{max-width:140px;font-size:9px}.primary{padding:12px 15px;font-size:11px}.how-it-works{grid-template-columns:1fr;gap:19px;margin-top:32px}.how-it-works>div{grid-template-columns:30px 1fr}.how-it-works p{font-size:9px}.project-grid{grid-template-columns:1fr}.tabs{gap:19px}.tabs button{font-size:10px}.page-heading h1{font-size:23px}.page-heading .primary{padding:10px;font-size:0}.page-heading .primary svg{width:19px}.page-heading{gap:10px;margin-bottom:25px}.page-heading p:not(.eyebrow){font-size:10px}.empty{padding:50px 17px}.empty h3{font-size:14px}.empty p{font-size:10px}.processing-panel{padding:35px 20px}.processing-panel h2{font-size:17px}.stage-list{text-align:left;grid-template-columns:1fr 1fr;max-width:210px;margin:28px auto;display:grid}.result-info h2{font-size:18px}.result-info dl{grid-template-columns:1fr}.result-info dd{font-size:11px}footer span{letter-spacing:0;font-size:8px}footer{font-size:7px}}