:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#242638;background:#f8f9fc;font-synthesis:none;--accent:#6755dc;--muted:#818395;--line:#e8e9f1}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b8acf4;outline-offset:3px}.topbar{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#fff}.brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:750;letter-spacing:1px}.brand-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--accent);color:white;font-size:40px;font-weight:400;line-height:1}.brand-en{display:block;font-size:9px;letter-spacing:2.7px;color:#89869f;margin-top:3px}.header-right{display:flex;align-items:center;gap:28px}.private-label{font-size:12px;color:#848398;display:flex;align-items:center;gap:7px}.private-label i{width:6px;height:6px;border-radius:50%;background:#9a8ce1}.text-button{border:0;background:transparent;color:#78778d;font-size:12px;padding:5px 0}.text-button:hover{color:var(--accent)}main{max-width:1220px;margin:auto;padding:0 38px}.login-section{min-height:calc(100vh - 176px);display:grid;grid-template-columns:1fr 440px;gap:80px;align-items:center;padding:70px 0 90px}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:650;color:#9189ad;margin:0 0 24px}h1{font-size:66px;letter-spacing:-3px;line-height:1.3;margin:0;font-weight:720}h1 span{color:var(--accent)}.intro-copy{font-size:15px;line-height:2.1;color:#858493;margin:25px 0 25px}.intro-wave{height:68px;display:flex;align-items:center;gap:7px;margin:35px 0 20px}.intro-wave i{width:4px;height:16px;border-radius:9px;background:#c3b6ed}.intro-wave i:nth-child(3n){height:35px;background:#9e8add}.intro-wave i:nth-child(4n){height:55px;background:#7b63cc}.intro-wave i:nth-child(5n){height:65px;background:#ae9bdf}.intro-caption{font-size:9px;letter-spacing:2.8px;color:#a5a1b3}.login-card{background:white;border:1px solid #e7e5f0;border-radius:24px;padding:42px;box-shadow:0 18px 70px -38px #74638955}.card-kicker{font-size:10px;letter-spacing:2.5px;color:var(--accent);font-weight:700}.login-card h2{font-size:25px;letter-spacing:-.8px;margin:17px 0 11px}.login-card>p{color:#90909f;font-size:13px;margin:0 0 34px}label{display:block;font-size:12px;font-weight:600;color:#565669;margin-bottom:10px}input,select{width:100%;height:46px;padding:0 13px;border:1px solid #e2e1ed;border-radius:9px;background:#fcfcfe;color:#3e3c51;font-size:13px}input::placeholder{color:#aaa7b8}.form-error{font-size:12px;color:#be4761;min-height:18px;margin:8px 0 15px}.primary-button{display:flex;justify-content:center;align-items:center;gap:30px;background:var(--accent);color:white;border:0;border-radius:9px;height:47px;padding:0 23px;font-size:13px;font-weight:600;box-shadow:0 5px 12px -7px #6755dca0}.primary-button:hover:not(:disabled){background:#5846cc}.login-card .primary-button{width:100%;justify-content:space-between}.login-note{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);display:flex;gap:12px;align-items:center;color:#a79acb}.login-note p{font-size:12px;color:#757184;line-height:1.8;margin:0}.login-note small{font-size:10px;color:#aaa6b6}.studio-heading{display:flex;align-items:center;justify-content:space-between;padding:49px 0 34px;gap:24px}.studio-heading .eyebrow{margin-bottom:13px}.studio-heading h1{font-size:41px;letter-spacing:-1.5px}.studio-heading>div>p:last-child{font-size:13px;color:#8e8b9f;margin:12px 0 0}.quota-card{min-width:205px;max-width:250px;padding:20px 23px;border:1px solid #e9e4f5;background:#f3f0fc;border-radius:15px}.quota-card>span{font-size:11px;color:#8b7fa9}.quota-card>div{display:flex;align-items:baseline;gap:9px;margin:5px 0 7px}.quota-card strong{font-size:38px;font-weight:600;color:#6950b8;line-height:1.2}.quota-card>div>span{font-size:13px;color:#a89bbd}.quota-card small{font-size:9px;color:#9586ab;display:block;margin-top:7px}progress{display:block;width:100%;height:4px;border:0;border-radius:10px;background:#e3dcef}progress::-webkit-progress-bar{background:#e3dcef;border-radius:10px}progress::-webkit-progress-value{background:#a48acc;border-radius:10px}progress::-moz-progress-bar{background:#a48acc;border-radius:10px}.workspace{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(0,1fr);gap:23px}.editor-card,.output-card{border:1px solid var(--line);background:white;border-radius:17px;padding:26px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:26px}.card-heading>div{display:flex;align-items:center;gap:10px}.step{width:25px;height:25px;border-radius:7px;background:#f2effb;color:#9989c4;font-size:10px;display:grid;place-items:center}h2{font-size:15px;font-weight:650;margin:0}.subtle-label{font-size:10px;color:#aaa6bb}.select-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) minmax(0,1.1fr);gap:12px;margin-bottom:26px}.select-row>div{min-width:0}.select-row select{appearance:none;-webkit-appearance:none;height:44px;min-width:0;padding:0 34px 0 12px;font-size:12px;line-height:1.5;text-overflow:ellipsis;cursor:pointer;background-color:#fcfcfe;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2386819c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;transition:border-color .15s,box-shadow .15s,background-color .15s}.select-row select:hover:not(:disabled){border-color:#bfb4df;background-color:#faf8ff}.select-row select:focus{border-color:#9e8bd9;box-shadow:0 0 0 3px #6755dc12;outline:none}.select-row select:focus-visible{outline:2px solid #9e8bd9;outline-offset:2px}.select-row select:disabled{cursor:not-allowed;opacity:.55}.select-row option{background:#fff;color:#3e3c51}.text-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.text-label label{margin:0}.text-label button{font-size:10px;color:#9684c7}.textarea-wrap{border:1px solid #e4e2ed;background:#fdfdff;border-radius:10px;overflow:hidden}.textarea-wrap:focus-within{border-color:#b7a7e4;box-shadow:0 0 0 3px #eee8fd}textarea{resize:vertical;min-height:190px;max-height:400px;width:100%;padding:17px;border:none;background:transparent;color:#46425a;font-size:13px;line-height:1.9;display:block}textarea:focus-visible{outline:none}textarea::placeholder{color:#b3afc2}.textarea-bottom{display:flex;justify-content:space-between;align-items:center;padding:2px 15px 10px;font-size:10px;color:#aaa4bb}.textarea-bottom button{font-size:10px}.over-limit{color:#b73c56!important}.generate-row{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:12px}.generate-row p{font-size:10px;color:#a19ab0}.tiny-spark{color:#af9ed4;margin-right:4px}.generate-row .primary-button{min-width:160px}.output-card{display:flex;flex-direction:column}.state-badge{font-size:9px;color:#a399b8;background:#f7f5fb;border:1px solid #eee9f5;border-radius:20px;padding:5px 9px}.audio-visual{margin:0 auto 17px;position:relative;display:flex;flex-direction:column;align-items:center}.record-ring{border:1px solid #e4ddef;background:linear-gradient(145deg,#faf8ff,#f1ecf9);width:110px;height:110px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 11px #faf8fd,0 0 0 12px #f4f0f9;margin:12px 0 26px}.record-ring span{font-size:39px;color:#b2a0d0}.sound-bars{display:flex;gap:5px;height:26px;align-items:center}.sound-bars i{background:#d4c8e8;width:3px;height:7px;border-radius:5px}.sound-bars i:nth-child(3n){height:14px}.sound-bars i:nth-child(4n){height:22px}.sound-bars i:nth-child(5n){height:26px}.status-text{text-align:center;font-size:12px;color:#8c809f;margin:7px 0 12px;line-height:1.8;min-height:22px}.output-hint{text-align:center;font-size:10px;color:#b3aabd;line-height:1.9;margin:4px 0 16px}.output-footer{display:flex;justify-content:space-between;margin-top:auto;padding-top:19px;border-top:1px solid #f0ecf5;font-size:9px;color:#b3aabd;gap:10px}.output-footer b{font-weight:500;color:#9888ad}.result-meta{display:flex;justify-content:space-between;font-size:10px;color:#a296b3;margin:2px 0 7px}audio{width:100%;height:36px;display:block}.download-button{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;font-size:11px;border:1px solid #e7e0f1;background:#faf8fd;border-radius:8px;color:#8d73b8;margin:12px 0 18px}.tips{display:flex;align-items:center;gap:9px;font-size:10px;color:#aaa3b6;margin:19px 0 42px}.tips>span{color:#b09dce}.tips p{line-height:1.8}footer{display:flex;justify-content:space-between;max-width:1144px;margin:auto;padding:25px 0;color:#b4afc0;font-size:9px;border-top:1px solid var(--line)}footer>span:last-child{letter-spacing:1.6px}[data-state=working] .sound-bars i{animation:wave .8s ease-in-out infinite alternate;background:#9a7bd1}[data-state=working] .sound-bars i:nth-child(2n){animation-delay:-.3s}[data-state=working] .sound-bars i:nth-child(3n){animation-delay:-.6s}[data-state=working] .state-badge{color:#8c67b9;background:#f1eafa}[data-state=error] .status-text{color:#b15c77}[data-state=success] .state-badge{color:#5d967c;background:#eff8f3;border-color:#e4f0e8}@keyframes wave{to{height:26px;opacity:.45}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(min-width:1500px){.studio-heading{padding-top:65px}.login-section{gap:100px}}@media(max-width:960px){.login-section{grid-template-columns:1fr 400px;gap:25px}h1{font-size:52px}.login-card{padding:32px}.workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px}.editor-card,.output-card{padding:21px}.generate-row{flex-direction:column;align-items:stretch;gap:4px}.generate-row p{margin:0 0 9px}.subtle-label{display:none}footer{margin:0 38px}.select-row{grid-template-columns:1fr;gap:14px}}@media(max-width:720px){.topbar{height:77px;padding:0 22px}.brand{font-size:20px}.brand-icon{width:36px;height:36px;font-size:34px}.brand-en{font-size:8px;letter-spacing:2px}.header-right{gap:15px}.private-label{font-size:10px}.header-right:has(#logout:not([hidden])) .private-label{display:none}main{padding:0 22px}.login-section{grid-template-columns:1fr;gap:38px;padding:42px 0;min-height:0}.intro{padding-left:8px}h1{font-size:46px}.eyebrow{font-size:8px;letter-spacing:2.2px;margin-bottom:15px}.intro-copy{font-size:12px;line-height:1.9;margin-top:16px}.intro-wave,.intro-caption{display:none}.login-card{padding:28px;border-radius:18px}.login-card h2{font-size:23px}.login-card>p{margin-bottom:27px}.studio-heading{padding:33px 0 25px;gap:13px}.studio-heading h1{font-size:27px;letter-spacing:-1px}.studio-heading .eyebrow{font-size:7px;letter-spacing:1.3px}.studio-heading>div>p:last-child{font-size:10px;line-height:1.7}.quota-card{min-width:130px;padding:13px 12px}.quota-card strong{font-size:29px}.quota-card>span{font-size:9px}.quota-card small{font-size:8px;line-height:1.6}.workspace{grid-template-columns:1fr;gap:20px}.editor-card,.output-card{padding:22px}.select-row{gap:14px}.select-row label{font-size:12px;margin-bottom:8px}.select-row select{height:46px;font-size:14px}.card-heading{padding-bottom:24px}.generate-row{flex-direction:row;align-items:center;margin-top:18px}.generate-row .primary-button{min-width:140px;padding:0 14px}.generate-row p{font-size:9px;max-width:110px;line-height:1.8;margin:0}.output-card{min-height:400px}.tips{margin:14px 0 24px;align-items:flex-start}.tips>span{padding-top:11px}footer{margin:0 22px;padding:21px 0;font-size:8px}footer>span:last-child{font-size:7px;letter-spacing:.8px}}

@media(max-width:720px){.studio-heading h1 span{display:block;white-space:nowrap}}

@media(forced-colors:active){.select-row select{appearance:auto;background-image:none}.select-row select:focus{outline:2px solid Highlight;outline-offset:2px}}

.product-switch{display:flex;align-items:stretch;gap:3px;height:44px;padding:3px;border:1px solid #e2e1ed;border-radius:9px;background:#f3f1f8}.product-switch button{flex:1;min-width:0;padding:0 4px;border:1px solid transparent;border-radius:6px;background:transparent;color:#858094;font-size:12px;white-space:nowrap;transition:background-color .15s,color .15s,box-shadow .15s}.product-switch button:hover:not(:disabled){color:var(--accent);background:#eae5f7}.product-switch button[aria-pressed=true]{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 2px 5px #6755dc24;font-weight:650}.product-switch button[aria-pressed=true]:hover:not(:disabled){color:#fff;background:#5846cc}.product-switch button:focus-visible{outline:2px solid #9e8bd9;outline-offset:1px}.product-switch button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:720px){.product-switch{height:52px}.product-switch button{font-size:14px}}@media(forced-colors:active){.product-switch button[aria-pressed=true]{border-color:Highlight;color:Highlight}}