:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color:#dce2e8;background:#101215;font-synthesis:none;--accent:#a8efca;--muted:#77808c;--border:#2a2e35;--panel:#191c21}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;background:none;border:0;color:inherit}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}aside{position:fixed;inset:0 auto 0 0;width:224px;background:#14171b;border-right:1px solid #25292f;padding:35px 20px;z-index:5}.brand{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin:0 9px}.brand-symbol{width:35px;height:35px;color:#121c18;background:var(--accent);font-size:29px;border-radius:9px;display:grid;place-items:center;line-height:1}.brand>div{font-size:20px;font-weight:750;letter-spacing:1px}.brand>div>span{font-weight:300;color:#8d98a4;margin-left:4px}.brand>small{font-size:7px;letter-spacing:2.1px;color:#68747c;margin-left:46px;margin-top:-9px}.nav-label{font-size:10px;letter-spacing:1.5px;color:#5e6874;margin:53px 14px 17px}.nav{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;margin-bottom:7px;text-align:left;border-radius:7px;font-size:12px;color:#83909c}.nav>span:first-child{font-size:18px}.nav.active{background:#24332e;color:#b4ebd0}.nav:hover{background:#21272a}.nav-shortcut{margin-left:auto;font-size:10px;color:#779888}.engine-label{margin-top:39px}.engine-item{display:flex;gap:12px;align-items:center;margin:23px 14px;font-size:11px;color:#9ba5ae}.engine-item small{display:block;font-size:9px;color:#59646e;margin-top:6px}.engine-icon{width:26px;height:26px;display:grid;place-items:center;background:#25312f;color:#8cae9e;border:1px solid #33423c;border-radius:6px;font-size:12px}.engine-icon.purple{background:#2b2938;color:#a5a0be;border-color:#3c374b}.aside-bottom{position:absolute;bottom:30px;left:32px;font-size:10px;color:#8e9c99}.status-dot{display:inline-block;width:5px;height:5px;background:#97d6b6;border-radius:50%;margin-right:6px}.aside-bottom p{font-size:9px;color:#52605f;margin:9px 0 23px 13px}.aside-bottom a{font-size:9px;color:#65717c}main{margin-left:224px;min-height:100vh}header{height:77px;border-bottom:1px solid #24282e;display:flex;align-items:center;padding:0 42px;gap:21px}.breadcrumbs{font-size:11px;color:#697580}.breadcrumbs span{margin:0 15px;color:#414a53}.breadcrumbs strong{font-weight:400;color:#b7c1cb}.server-state{margin-left:auto;font-size:10px;color:#89958f;display:flex;gap:7px;align-items:center}.server-state i{width:5px;height:5px;background:#85948c;border-radius:50%}.server-state.ready i{background:var(--accent);box-shadow:0 0 7px #a8efca45}.avatar{font-size:11px;color:#a4b7aa;background:#26312b;border:1px solid #39453d;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.content{max-width:1400px;padding:40px 42px 22px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow{font-size:8px;letter-spacing:2px;color:#86a395;display:flex;gap:7px;align-items:center}.eyebrow>span{background:var(--accent);width:5px;height:5px;border-radius:50%}h1{font-size:29px;letter-spacing:1px;font-weight:550;margin:15px 0 12px}h1>span{color:var(--accent)}.intro p{color:#78848f;font-size:11px;letter-spacing:.4px;margin:0}.intro-decoration{position:relative;color:#344a40;font-size:95px;line-height:1;width:120px;transform:rotate(-10deg)}.intro-decoration span{position:absolute;color:#8eb29c;font-size:26px;right:9px;top:8px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:21px;align-items:start}.left-panel{display:flex;flex-direction:column;gap:21px;min-width:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.panel-title{display:flex;align-items:center;gap:9px;padding:22px 23px}.step-number{font-size:9px;color:#7c8d83;border:1px solid #38453e;background:#242e29;border-radius:4px;width:23px;height:23px;display:grid;place-items:center}h2{font-size:13px;font-weight:500;letter-spacing:.5px;margin:0}.panel-caption{margin-left:auto;font-size:8px;letter-spacing:1.8px;color:#55606b}.dropzone{width:calc(100% - 46px);border:1px dashed #3b4747;background:radial-gradient(ellipse at top,#22312b50,transparent 80%);margin:0 23px;border-radius:7px;padding:27px 10px 25px;display:flex;align-items:center;flex-direction:column;transition:.2s}.dropzone:hover,.dropzone.drag{border-color:#9acdb0;background:#20352b}.upload-graphic{position:relative;display:grid;place-items:center;width:46px;height:42px;margin:3px 0 23px}.upload-graphic>span{font-size:24px;width:35px;height:38px;background:#263e32;border:1px solid #476c53;border-radius:7px;z-index:1;color:#b4dec1;box-shadow:0 6px 18px #0003}.upload-graphic i{position:absolute;width:34px;height:33px;border:1px solid #344e40;border-radius:6px;transform:rotate(-16deg);left:0;background:#1c2923}.upload-graphic i:last-child{transform:rotate(15deg);left:13px}.dropzone>strong{font-size:14px;font-weight:500;letter-spacing:.5px}.dropzone p{font-size:10px;color:#7d8d89;margin:12px 0 16px}.dropzone em{font-style:normal;color:#b1d6c1;border-bottom:1px solid #698d78;padding-bottom:2px}.dropzone>small{font-size:8px;color:#56696a;letter-spacing:.7px}.privacy-note{display:flex;justify-content:center;gap:6px;font-size:9px;color:#617269;margin:17px 0 20px}.privacy-note>span{color:#6c7b78}.source-file{display:flex;align-items:center;gap:12px;padding:14px 22px;margin:0 23px;background:#202c26;border:1px solid #3d5746;border-radius:7px}.file-icon{width:35px;height:39px;border-radius:6px;display:grid;place-items:center;color:var(--accent);background:#31483a;font-size:20px}.source-file>div{min-width:0}.source-file strong{font-size:12px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-file small{display:block;margin-top:6px;font-size:10px;color:#829a8b}.source-file>button{margin-left:auto;color:#87958d;font-size:20px}.source-preview{margin:17px 23px 0}.source-preview audio{width:100%;height:32px;filter:invert(.86) hue-rotate(140deg);opacity:.8}.source-preview canvas{width:100%;height:70px;display:block;margin-top:12px}.result-count{font-size:9px;padding:4px 7px;color:#6d7c83;background:#242a30;border-radius:4px;margin-left:auto}.result-empty{text-align:center;padding:26px 14px 31px}.empty-tracks{display:flex;gap:5px;justify-content:center;align-items:center;margin:0 auto 21px;height:29px}.empty-tracks span{width:5px;height:25px;border-radius:2px;background:#38453e}.empty-tracks span:nth-child(2){height:39px;background:#40554a}.empty-tracks span:nth-child(3){height:19px;background:#3c4c44}.empty-tracks span:nth-child(4){height:30px}.result-empty>strong{font-size:12px;font-weight:400;color:#8b999f}.result-empty>p{font-size:10px;color:#55616b;margin:10px 0 23px}.stem-tags{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.stem-tags>span{font-size:9px;border:1px solid #30383b;border-radius:4px;padding:6px 10px;color:#6c7b7f}.settings-panel>.panel-title{padding-bottom:24px}.field-label{display:flex;justify-content:space-between;font-size:10px;color:#a4aeb6;margin:0 23px 12px}.field-label>span{font-size:7px;color:#56616a;letter-spacing:1.1px}.mode-cards{margin:0 23px;display:flex;flex-direction:column;gap:9px}.mode-card{border:1px solid #31373e;background:#1c2025;display:flex;gap:12px;align-items:center;text-align:left;padding:14px 12px;border-radius:6px}.mode-card:hover{border-color:#617e6d}.mode-card.selected{border-color:#83b59a;background:#26372f}.mode-icon{font-size:20px;color:#7c9394;background:#283036;border-radius:6px;width:31px;height:33px;display:grid;place-items:center}.selected .mode-icon{background:#344d3f;color:#bfebcd}.mode-card strong{font-size:11px;font-weight:500;display:block}.mode-card small{display:block;font-size:8px;margin-top:7px;color:#6c7b83;white-space:nowrap}.selected small{color:#8fae9d}.mode-card i{margin-left:auto;width:12px;height:12px;border:1px solid #4e5a62;border-radius:50%;flex-shrink:0}.selected i{border:4px solid #b5e5c8;background:#355942}.model-label{margin-top:24px}.model-select{display:flex;gap:10px;align-items:center;margin:0 23px;padding:12px 10px;background:#15191d;border:1px solid #30383b;border-radius:5px}.model-icon{font-size:20px;color:#729b88}.model-select strong{font-size:10px;font-weight:400}.model-select small{font-size:8px;color:#637079;display:block;margin-top:5px}.model-badge{font-size:7px;color:#77978b;margin-left:auto;border:1px solid #344b3f;border-radius:3px;padding:3px}.model-note{margin:9px 23px 23px;font-size:8px;color:#5f6d74;line-height:1.8}.settings-row{display:flex;margin:0 23px;gap:14px}.settings-row>div{min-width:0;flex:1}.settings-row .field-label{margin:0 0 10px}.settings-row select{border:1px solid #323b3f;border-radius:5px;background:#161b1f;color:#a9b4ba;padding:10px 8px;font-size:10px;width:100%;height:35px;cursor:pointer}.output-note{display:flex;align-items:center;gap:9px;margin:23px;font-size:9px;color:#8a9d96}.output-note>span{font-size:21px;color:#718e7f}.output-note small{font-size:8px;color:#5e6c70;display:block;margin-top:6px}.start-area{padding:18px 23px;background:#161c19;border-top:1px solid #2d3730}.start-description{display:flex;justify-content:space-between;margin-bottom:13px;color:#9fb6a8;font-size:9px}.start-description small{font-size:8px;color:#60776a}.start-button{width:100%;padding:13px 16px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:5px;background:#b1ebca;color:#173f2a;font-size:12px;font-weight:600;box-shadow:0 3px 18px #a3ebbd0b}.start-button>span:last-child{margin-left:auto}.start-button>span:first-child{margin-right:auto}.start-button:hover:not(:disabled){background:#c3f6da}.start-hint{text-align:center;font-size:8px;color:#6a8072;margin-top:11px}.bottom-caption{display:flex;justify-content:space-between;gap:20px;margin-top:24px;color:#49555f;font-size:8px;letter-spacing:.5px}.bottom-caption>span:first-child{font-size:7px;letter-spacing:1.5px}.bottom-caption i{font-style:normal;padding:0 7px}footer{display:flex;justify-content:space-between;padding:18px 42px;margin-top:15px;border-top:1px solid #22292d;font-size:8px;color:#4f5f64}footer>span:first-child{font-size:7px;letter-spacing:1px}footer i{display:inline-block;background:#6a9e7d;width:4px;height:4px;border-radius:50%;margin-right:5px}.footer-divider{margin:0 12px;color:#3d494c}.text-button{font-size:10px;color:#aad6bd;margin-left:auto}.notice{padding:14px 18px;margin-top:20px;background:#282b21;border:1px solid #56533c;color:#d1c89a;font-size:11px;border-radius:6px;line-height:1.8}.job-progress{text-align:center;padding:23px;color:#9fb5a7}.job-progress strong{display:block;font-size:12px;margin-top:14px;font-weight:400;line-height:1.8}.job-progress p{font-size:10px;color:#6f8178;line-height:1.8}.job-progress>#elapsed{font-size:10px;display:block;margin:15px 0}.spinner{display:block;margin:auto;width:26px;height:26px;border:2px solid #344a3c;border-top-color:#b1ebca;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stem-result{margin:0 22px 12px;padding:13px;background:#1c2426;border:1px solid #303e3d;border-radius:6px}.stem-top{display:flex;gap:10px;align-items:center}.stem-symbol{background:#2f453b;color:#acd4b9;width:31px;height:31px;display:grid;place-items:center;border-radius:6px}.stem-info{flex:1;min-width:0}.stem-info strong{font-size:11px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stem-info small{display:block;font-size:8px;color:#6b7f7b;margin-top:5px}.stem-download{color:#9ac9af;font-size:18px;padding:6px}.stem-result audio{width:100%;margin-top:12px;height:31px;filter:invert(.86) hue-rotate(140deg);opacity:.85}details{margin:18px 23px;font-size:10px;color:#7c9889}summary{cursor:pointer}pre{white-space:pre-wrap;word-break:break-all;max-height:250px;overflow:auto;font-size:9px;color:#8c9c91;line-height:1.6}.history-panel{padding-bottom:12px}.history-item{display:flex;align-items:center;gap:16px;width:calc(100% - 46px);margin:0 23px 9px;padding:16px;border:1px solid #303a36;border-radius:6px;text-align:left;background:#1d2622}.history-item strong{font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item small{color:#80988a;font-size:10px}.history-empty{padding:40px;text-align:center;color:#7f9187;font-size:12px}@media(min-width:1500px){.content{padding-top:50px}.intro{margin-bottom:40px}.workspace{grid-template-columns:minmax(0,1fr) 375px}.dropzone{padding-top:45px;padding-bottom:40px}.result-empty{padding-top:39px;padding-bottom:42px}}@media(max-width:1100px){aside{width:190px;padding:30px 14px}.brand{gap:8px;margin:0 5px}.brand>div{font-size:16px}.brand>small{font-size:6px;margin-left:43px;letter-spacing:1.4px}main{margin-left:190px}.content{padding:30px 24px}.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:15px}header{padding:0 24px}.panel-title{padding:18px}.dropzone{width:calc(100% - 36px);margin:0 18px}.dropzone>small{font-size:7px}.mode-cards,.model-select{margin-left:18px;margin-right:18px}.mode-card{padding:12px 9px;gap:9px}.mode-card small{font-size:7px}.model-select strong{font-size:9px}.result-empty p{font-size:9px}.intro-decoration{display:none}.panel-caption{font-size:7px;letter-spacing:1px}h1{font-size:26px}.aside-bottom{left:25px}footer{padding:18px 24px}.bottom-caption>span:first-child{display:none}}@media(max-width:850px){aside{width:72px;padding:24px 12px}.brand-symbol{width:34px}.brand>div,.brand>small,.nav-label,.nav-shortcut,.engine-item,.aside-bottom{display:none}.brand{margin:0 6px}.nav{font-size:0;justify-content:center;padding:12px;margin-top:24px;gap:0}.nav>span:first-child{font-size:21px}.nav+.nav{margin-top:0}main{margin-left:72px}.workspace{grid-template-columns:1fr 300px}.content{padding:28px 20px}.dropzone strong{font-size:12px}.dropzone p{font-size:9px;line-height:1.8}.dropzone small{line-height:1.8}.panel-caption{display:none}.stem-tags{gap:5px}.stem-tags>span{padding:5px;font-size:8px}}@media(max-width:680px){aside{display:none}main{margin-left:0}header{height:60px;padding:0 18px;gap:13px}.breadcrumbs{font-size:10px}.server-state{font-size:8px}.avatar{width:25px;height:25px;font-size:9px}.content{padding:28px 16px}.intro{margin-bottom:26px}h1{font-size:25px}.intro p{font-size:10px}.workspace{display:flex;flex-direction:column}.left-panel{display:contents}.source-panel{order:0;width:100%}.settings-panel{order:1;width:100%}.result-panel{order:2;width:100%}.mode-card small{font-size:9px}.mode-cards{gap:10px}.panel-title{padding:20px}.field-label{font-size:11px}.model-select strong{font-size:11px}.model-note{font-size:9px}.dropzone{padding:27px 10px}.dropzone>small{font-size:8px}.dropzone>strong{font-size:14px}.panel-caption{display:block}.settings-row select{font-size:11px}.output-note{font-size:10px}.output-note small{font-size:9px}.model-select small{font-size:9px}.start-hint{font-size:9px}.start-area{padding:20px 23px}.start-button{padding:15px}.bottom-caption{font-size:7px;justify-content:center}footer{padding:16px;line-height:1.8;gap:15px}footer>span:last-child{font-size:7px;max-width:230px;text-align:right}.stem-tags>span{font-size:9px;padding:6px 10px}.history-item{gap:9px}.history-item small{font-size:8px}.history-item strong{font-size:10px}}

@media(min-width:1101px){.brand{display:grid;grid-template-columns:35px 1fr;column-gap:10px;row-gap:5px}.brand>div{font-size:16px;letter-spacing:.5px;white-space:nowrap}.brand>div>span{margin-left:3px}.brand>small{grid-column:2;margin:0;letter-spacing:1px;font-size:6px;white-space:nowrap}}

.service-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 19px;margin-bottom:26px;border:1px solid #4a614e;background:#213126;border-radius:8px;font-size:11px;line-height:1.8}.service-banner strong{color:#c5e4ca}.service-banner span{color:#99b7a0;flex:1;min-width:220px}.service-banner a{color:#c4ebce;border-bottom:1px solid #7aa387;white-space:nowrap;font-size:10px}.service-banner a:last-child{margin-left:8px}