:root{color-scheme:dark;--bg:#090d18;--panel:rgba(19,26,43,.92);--edge:rgba(167,182,217,.13);--muted:#939db5;--text:#ecf0ff;--violet:#996eff;--cyan:#52d3dc;--green:#44dcad;--red:#ff869a;--radius:23px;font-family:Inter,"Noto Sans TC",system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}p{line-height:1.7}.ambient{pointer-events:none;position:fixed;width:600px;height:600px;border-radius:50%;filter:blur(110px);opacity:.14;z-index:-1}.ambient-a{background:#7136e8;top:-360px;left:5%}.ambient-b{background:#00a6b2;right:-310px;top:120px}.shell{max-width:1220px;margin:0 auto;padding:0 30px}.nav{display:flex;align-items:center;justify-content:space-between;padding:29px 0;border-bottom:1px solid var(--edge)}.logo{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:900;letter-spacing:.04em}.logo-accent{color:var(--violet)}.brand-mark{display:grid;place-items:center;background:linear-gradient(135deg,#aa70ff,#56d6e6);color:#0f1530;border-radius:11px;width:38px;height:38px;font-size:25px}.logo small{font-size:9px;color:var(--muted);border:1px solid var(--edge);border-radius:4px;padding:3px 5px;margin-left:1px}.nav-right{display:flex;gap:20px;align-items:center}.server-indicator{color:#a5afc6;font-size:10px;letter-spacing:.13em}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6bdeac;margin-right:6px;box-shadow:0 0 10px #39e8a965}.text-button{color:#c2cde6;background:transparent;border:0;font-size:13px}.hero{padding:74px 0 46px;text-align:center}.eyebrow{color:#b7a0ff;letter-spacing:.22em;font-size:11px;font-weight:800}.hero h1{font-size:clamp(34px,5.6vw,63px);line-height:1.24;letter-spacing:-.048em;margin:19px 0}.gradient-text{background:linear-gradient(100deg,#a78dff 12%,#70e3e5 92%);background-clip:text;color:transparent}.hero p{color:#a4acc2;font-size:15px;max-width:570px;margin:0 auto}.workflow{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.panel{border:1px solid var(--edge);background:var(--panel);border-radius:var(--radius);padding:28px;box-shadow:0 20px 80px rgba(0,0,0,.09)}.section-label{display:flex;align-items:center;gap:15px;margin-bottom:26px}.number{font-size:13px;background:#22294a;color:#bea8ff;border-radius:11px;padding:10px 13px;font-weight:800}.section-label h2,.section-heading h2{margin:0;font-size:20px;letter-spacing:-.02em}.section-label p{margin:3px 0 0;color:var(--muted);font-size:12px}.source-switch{display:flex;background:#10182a;border-radius:12px;padding:5px;margin-bottom:22px;gap:4px}.source-tab{flex:1;background:transparent;border:0;color:#9faaca;font-size:12px;font-weight:700;padding:12px 5px;border-radius:9px;white-space:nowrap}.source-tab.active{background:#303253;color:#f2edff;box-shadow:0 4px 10px #0003}.source-box{min-height:156px}.source-box[hidden],#app[hidden],#loginPanel[hidden],#currentPanel[hidden],#mixer[hidden],[hidden]{display:none!important}label:not(.model-card):not(.consent):not(.drop-zone){font-size:12px;font-weight:700;color:#c9d2e6;display:block;margin-bottom:9px}input[type=url],input[type=text],input[type=password]{width:100%;border:1px solid #343d56;outline:none;border-radius:11px;background:#101725;color:#f0f4ff;padding:15px 14px;font-size:14px}input:focus{border-color:#9b7dff;box-shadow:0 0 0 3px #a98bff19}.source-panel>label{margin-top:7px!important}.hint{color:var(--muted);font-size:12px;margin:10px 0 15px}.drop-zone{border:1.5px dashed #47506d;border-radius:13px;padding:25px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-align:center;font-size:12px;color:#d5d9e6}.drop-zone:hover{border-color:#a48bfb;background:#242e4a44}.drop-zone small{color:var(--muted)}.drop-icon{font-size:32px;color:#a18fff}.sr-only{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.record-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.secondary{background:#242944;border:1px solid #444966;color:#ebe5ff;padding:12px;border-radius:10px;font-size:12px}.danger{color:#ff9ca9}.timer{font-variant-numeric:tabular-nums;color:#c8d3eb;font-size:13px}.model-select{display:grid;gap:12px}.model-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px 20px;border-radius:13px;border:1px solid #37415b;background:#10192a;cursor:pointer;color:#aeb8d1;font-size:12px}.model-card.selected{border-color:#997ef3;background:linear-gradient(115deg,#332b62aa,#18283e)}.model-card input{position:absolute;opacity:0;pointer-events:none}.model-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.model-top strong{color:#fff;font-size:15px}.tag{background:#124d4c;color:#8deddf;font-size:10px;border-radius:6px;padding:5px 7px;font-weight:750}.tag.violet{background:#3c3067;color:#c1a9ff}.model-dots{letter-spacing:8px;color:#ab99e8}.consent{display:flex;align-items:flex-start;gap:11px;font-size:12px;color:#adb9d1;line-height:1.7;margin:20px 0}.consent input{width:17px;height:17px;accent-color:#9f82ff;flex:none;margin-top:2px}.primary{width:100%;border:0;background:linear-gradient(105deg,#8f6af9,#6b75eb);color:white;border-radius:11px;padding:16px 20px;font-weight:800;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 28px #764be622}.primary:hover:not(:disabled){filter:brightness(1.13)}.mini-note{font-size:11px;color:#808eac;text-align:center;margin:11px 0 0}.current-panel{margin-top:20px}.job-status{display:flex;align-items:center;gap:11px;font-size:14px}.status-dot{width:10px;height:10px;background:#af91fd;border-radius:50%;box-shadow:0 0 10px #9b76ff}.job-status #jobPercent{margin-left:auto;color:#bca7ff;font-weight:800;font-variant-numeric:tabular-nums}.progress{height:8px;background:#242c42;border-radius:10px;overflow:hidden;margin:14px 0}.progress>div{height:100%;width:0;background:linear-gradient(90deg,#835fea,#57d5db);transition:width .3s}.player-bar{display:flex;align-items:center;gap:14px;margin:24px 0 15px;background:#0f1828;border-radius:14px;padding:13px 15px}.player-play{background:#9980ff;border:0;border-radius:50%;height:45px;width:45px;color:white;flex:none}.player-bar input[type=range]{flex:1;min-width:20px}.player-bar span{font-variant-numeric:tabular-nums;font-size:12px;color:#aebad3}.mini-control{border:1px solid #43506a;color:#b6c0d6;background:transparent;border-radius:8px;padding:8px;font-size:11px}.track-list{display:grid;gap:9px}.track{display:grid;grid-template-columns:34px 90px minmax(40px,1fr) 42px 44px 44px 36px;align-items:center;gap:12px;border:1px solid #2a354b;background:#121d30;border-radius:12px;padding:12px}.track-ico{background:#2e2a53;padding:8px;border-radius:9px;text-align:center;font-size:17px}.track strong{font-size:13px}.track input[type=range]{accent-color:#9677ed;width:100%}.track-vol{font-size:10px;color:#a6b2cc;text-align:right;font-variant-numeric:tabular-nums}.tiny-btn{background:transparent;border:1px solid #48526c;color:#b6c2d9;border-radius:8px;height:32px;font-size:11px}.tiny-btn.active{background:#905ffd;color:#fff;border-color:#905ffd}.tiny-btn.muted{background:#ae4561;color:#fff;border-color:#ae4561}.track a{display:grid;place-items:center;color:#b8cced;height:32px;border:1px solid #48526c;border-radius:8px;font-size:16px}.history-panel{margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.section-heading span{color:#8996b1;font-size:11px}.history-list{display:grid;gap:9px}.history-item{width:100%;text-align:left;border:1px solid #2e364f;border-radius:11px;background:#111a2a;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#e8edff}.history-item strong{display:block;margin-bottom:5px;font-size:13px}.history-item small{font-size:11px;color:#9aa6bb}.hist-state{font-size:11px;color:#b0a2ff;white-space:nowrap}.empty{text-align:center;color:#8d9ab0;padding:20px}.auth{max-width:470px;margin:0 auto;text-align:center}.auth .icon-round{margin:auto;background:#393063;color:#d6ccff;border-radius:50%;display:grid;place-items:center;width:57px;height:57px;font-size:27px}.auth h2{margin:18px 0 4px}.auth p{font-size:13px;color:var(--muted)}.auth form{text-align:left;margin-top:24px}.auth form button{margin-top:15px}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);color:#fff;background:#343c60;border:1px solid #8a91c7;border-radius:12px;padding:12px 20px;z-index:9;box-shadow:0 16px 30px #0009;font-size:13px;max-width:min(90vw,620px)}footer{text-align:center;font-size:12px;color:#8291ac;padding:40px 0 30px;line-height:2}footer span{color:#655e94}footer small{font-size:10px}@media(max-width:850px){.workflow{grid-template-columns:1fr}.hero{padding:50px 0 32px}.source-box{min-height:auto;margin-bottom:22px}.source-panel{padding-bottom:28px}}@media(max-width:560px){.shell{padding:0 16px}.nav{padding:17px 0}.server-indicator{display:none}.hero h1{font-size:34px}.hero p{font-size:13px}.panel{padding:19px;border-radius:18px}.section-label{gap:10px}.section-label h2{font-size:18px}.source-tab{font-size:11px}.track{grid-template-columns:29px 65px minmax(20px,1fr) 35px 28px 28px 27px;gap:5px;padding:8px}.track strong{font-size:11px}.track-ico{padding:6px}.track-vol{font-size:9px}.tiny-btn{font-size:9px;height:29px}.track a{height:29px}.player-bar{gap:7px;padding:10px}.player-play{width:36px;height:36px}.player-bar span{font-size:10px}.section-heading span{display:none}}