:root{font-family:Inter,"Microsoft YaHei",Arial,sans-serif;color:#e8edf0;background:#13191d;font-size:14px;letter-spacing:0}
.model-options{margin-top:16px;min-width:0}.model-options summary{cursor:pointer;font-weight:600;padding:4px 0}.model-options>label{margin-top:16px}.model-options select{width:100%;max-width:100%}.model-options p{overflow-wrap:anywhere}.button-row{display:flex;flex-wrap:wrap;gap:10px}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:#80d9d1;text-decoration:none}a:hover{text-decoration:underline}
.topbar{height:72px;border-bottom:1px solid #344047;background:#1a2328;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,44px);gap:16px}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:#61cbbd;color:#142120;font-weight:900;font-size:23px;border-radius:6px;flex:none}.brand strong{display:block;font-size:19px;line-height:1.15}.brand small{display:block;color:#9aaeb5;font-size:11px;margin-top:4px}.top-actions{display:flex;align-items:center;gap:18px}.status{color:#b6c6ca;white-space:nowrap;font-size:12px}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ecb66e;margin-right:6px}.status.ready i{background:#66cfaa}.status.warn i{background:#ef8d80}
.shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;max-width:1580px;margin:auto;min-height:calc(100vh - 72px)}.workspace{padding:32px clamp(20px,3vw,48px) 72px;min-width:0}.sidepanel{background:#1b252a;border-left:1px solid #344047;min-width:0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:18px}.eyebrow{font-size:11px;font-weight:700;color:#65c7ba;letter-spacing:0;text-transform:uppercase}.section-head h1,.section-head h2{font-size:20px;margin:6px 0 0;line-height:1.35;font-weight:650}.section-head h2{font-size:19px}.hint,.minor{color:#9aadB4;font-size:12px;line-height:1.6}.hint{text-align:right}.sample-grid{display:grid;grid-template-columns:minmax(240px,1.1fr) minmax(260px,1fr);gap:23px}.sample-preview{aspect-ratio:16/9;background:#0d1215;border:1px solid #37444b;border-radius:6px;overflow:hidden;display:grid;place-items:center;min-height:210px}.sample-preview video{width:100%;height:100%;object-fit:contain}.placeholder{display:flex;align-items:center;flex-direction:column;gap:8px;color:#8da1a8;text-align:center;padding:16px}.placeholder strong{color:#d2dce0;font-size:15px}.placeholder span:last-child{font-size:12px}.placeholder-icon{font-size:30px;color:#5a7477}.sample-controls{display:flex;align-items:stretch;flex-direction:column;gap:10px}.sample-controls label:not(.upload-button),.settings label{font-size:12px;color:#cad7d9;font-weight:650}.sample-controls label span{font-weight:400;color:#91a5aa;margin-left:5px}.sample-controls .minor{margin:2px 0 3px}.divider{height:1px;background:#344047;margin:34px 0 30px}
button,.upload-button{border-radius:5px;border:1px solid transparent;min-height:38px;padding:9px 15px;transition:background .15s,border-color .15s;color:#eaf3f2;font-weight:650}.primary,.upload-button{background:#63c8ba;color:#102321}.primary:hover,.upload-button:hover{background:#83decf}.secondary{background:#26333a;border-color:#46545c}.secondary:hover{background:#34444d}.upload-button{text-align:center;cursor:pointer}.text-action{align-self:flex-end;background:none;border:0;min-height:auto;color:#70d1c3;padding:2px 0}.text-action:hover{text-decoration:underline}.full{width:100%}textarea,input{background:#10171b;color:#eaf1f3;border:1px solid #46545a;border-radius:5px;outline:0;width:100%;padding:10px 12px;resize:vertical}.sample-controls textarea{min-height:76px}.settings input{margin-top:6px}textarea:focus,input:focus{border-color:#66cfc0;box-shadow:0 0 0 2px #66cfc021}textarea::placeholder,input::placeholder{color:#71858d}.script-composer{border:1px solid #3c4a50;border-radius:6px;overflow:hidden;background:#10171b}.script-composer textarea{display:block;border:0;min-height:100px;resize:vertical}.script-composer textarea:focus{box-shadow:none}.composer-bottom{border-top:1px solid #344047;display:flex;align-items:center;justify-content:space-between;padding:9px 11px;color:#8fa5aa;font-size:11px}.composer-bottom button{min-height:32px;padding:6px 15px}.script-list{display:flex;flex-direction:column;gap:9px;margin-top:13px}.script-item{border:1px solid #39474d;border-radius:5px;background:#1c262b;padding:12px 14px;display:flex;gap:14px;align-items:start}.script-number{color:#68cabc;font-size:12px;font-weight:700;min-width:24px;padding-top:2px}.script-body{white-space:pre-wrap;word-break:break-word;line-height:1.65;flex:1;color:#dae4e6}.script-actions{display:flex;gap:4px}.icon-button{width:31px;height:31px;min-height:31px;padding:0;background:#26343a;border:1px solid #45555b;font-size:17px;line-height:1}.icon-button:hover{background:#3a4c52}.icon-button.delete:hover{background:#663a39;border-color:#ad6760}
.side-section{border-bottom:1px solid #344047;padding:26px 22px}.side-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.side-title h2{font-size:15px;margin:4px 0 0}.counter{font-size:12px;border:1px solid #49595e;border-radius:4px;color:#b4c3c7;padding:3px 7px}.side-section .minor{margin:10px 0 0}.job-list,.clip-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.empty-note{font-size:12px;color:#7d959d}.job,.clip{border:1px solid #3a4a51;border-radius:5px;background:#202c31;padding:10px 11px}.job-title,.clip-title{font-size:12px;line-height:1.5;word-break:break-word;color:#dce7e9}.job-meta,.clip-meta{font-size:11px;color:#90a6ac;margin-top:6px;display:flex;justify-content:space-between;gap:8px}.job-meta .error{color:#f0a69b}.clip-meta button{background:none;border:0;padding:0;min-height:auto;color:#f1a9a1;font-size:11px}.settings{padding-top:18px}.settings summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:650;list-style:none}.settings summary::-webkit-details-marker{display:none}.settings[open] .summary-arrow{transform:rotate(180deg)}.settings label{display:block;margin-top:13px}.settings button{margin-top:15px}.setup-link{display:block;font-size:12px;margin-top:12px;text-align:center}.log-section pre{background:#11191c;border:1px solid #37464b;padding:12px;border-radius:5px;font:11px/1.5 Consolas,monospace;color:#9cb1b7;white-space:pre-wrap;word-break:break-all;max-height:210px;overflow:auto;margin:0}#toast{position:fixed;bottom:22px;right:22px;background:#e9f2f0;color:#162322;border-radius:5px;padding:11px 15px;box-shadow:0 10px 30px #0008;display:none;max-width:min(430px,calc(100vw - 44px));z-index:10}#toast.show{display:block}#toast.error{background:#f9d5d0;color:#592c2a}
.brand-mark{width:46px;height:46px;object-fit:contain;background:#fff;border-radius:5px}.brand strong{white-space:nowrap}
.delete-sample{align-self:flex-start;background:none;border:0;color:#f1a9a1;padding:4px 0;min-height:28px}.delete-sample:hover{text-decoration:underline}.delete-sample[hidden]{display:none}
.sample-preview.portrait{width:min(100%,300px);aspect-ratio:9/16;min-height:0;max-height:none;margin-inline:auto}
.speech-rate{margin:0 0 16px}.speech-rate label{display:flex;justify-content:space-between;gap:8px;color:#cad7d9;font-size:12px;font-weight:650}.speech-rate output{color:#86d9ce;font-variant-numeric:tabular-nums;white-space:nowrap}.speech-rate input{appearance:none;display:block;width:100%;height:5px;min-height:5px;margin:15px 0 2px;padding:0;border:0;border-radius:3px;background:#46545c;box-shadow:none}.speech-rate input::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border:2px solid #e8f2f2;border-radius:50%;background:#63c8ba;cursor:pointer}.speech-rate input::-moz-range-thumb{width:13px;height:13px;border:2px solid #e8f2f2;border-radius:50%;background:#63c8ba;cursor:pointer}
@media(max-width:1050px){.shell{grid-template-columns:minmax(0,1fr) 300px}.sample-grid{grid-template-columns:1fr}.sample-preview{max-height:360px}}@media(max-width:760px){.topbar{height:auto;min-height:68px;padding:12px 16px;flex-wrap:wrap}.brand strong{font-size:16px}.brand small{display:none}.top-actions{gap:8px;margin-left:auto}.top-actions .status{display:none}.top-actions button{font-size:12px;padding:8px 10px}.shell{display:block}.workspace{padding:25px 16px 35px}.sidepanel{border-left:0;border-top:1px solid #344047}.side-section{padding:22px 16px}.section-head{align-items:start}.hint{max-width:145px}.sample-preview{min-height:190px}}
@media(max-width:420px){.sample-grid{grid-template-columns:minmax(0,1fr)}.sample-preview{min-width:0;min-height:0}.sample-controls{min-width:0}.section-head{display:block}.hint{display:block;max-width:none;text-align:left;margin-top:6px}}
.account-name{font-size:12px;color:#a9c7c9;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions #logoutButton{min-height:32px;padding:6px 10px;font-size:12px}.script-subhead{display:flex;align-items:baseline;gap:12px;margin-top:22px}.script-subhead strong{font-size:14px}.script-subhead span{font-size:12px;color:#91a5aa}.script-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}.generate-one{min-height:31px;padding:5px 10px;font-size:12px;white-space:nowrap}.clip-title{display:flex;align-items:flex-start;gap:8px}.clip-index{color:#72cdbf;min-width:17px;font-weight:700}.clip-tools{display:flex;align-items:center;gap:8px}.clip-tools button{min-width:24px;height:24px;padding:2px 4px;color:#b8ded9;font-size:15px}.clip-tools button:last-child{color:#f1a9a1;font-size:11px}.clip-tools button:disabled{opacity:.35}.user-list{margin:14px 0 4px}.user-list>div{display:flex;justify-content:space-between;border-bottom:1px solid #344047;padding:8px 0;font-size:12px}.user-list span{color:#96abb0}.login-page{min-height:100vh;display:grid;place-items:center;background:#13191d;padding:20px}.login-panel{width:min(100%,390px);border:1px solid #3c4a50;border-radius:6px;background:#1b252a;padding:30px}.login-brand{display:flex;align-items:center;gap:13px;padding-bottom:25px;border-bottom:1px solid #344047}.login-brand img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:5px}.login-brand strong{display:block;font-size:17px}.login-brand span{display:block;margin-top:4px;color:#9aadB4;font-size:12px}.login-panel h1{font-size:19px;margin:25px 0 20px}.login-panel label{display:block;color:#cad7d9;font-size:12px;font-weight:650;margin:14px 0 7px}.login-panel input{height:42px}.login-panel button{margin-top:8px}.login-error{min-height:18px;color:#f1a9a1;font-size:12px;margin:13px 0 0}
@media(max-width:760px){.top-actions #accountName{display:none}.script-item{flex-wrap:wrap}.script-actions{width:100%;justify-content:flex-end}.clip-meta{align-items:center}}
select{background:#fff;color:#253143;border:1px solid #c7cdd5;border-radius:4px;width:100%;min-height:38px;padding:8px 10px;font:inherit;outline:0}select:focus{border-color:#315e9c}
/* Shared business interface for the studio and account console. */
:root{color:#253143;background:#f3f5f7;font-family:"Microsoft YaHei",Arial,sans-serif}
.topbar{background:#fff;border-color:#d9dee5;height:70px}.brand small,.minor,.hint,.empty-note,.account-name,.status,.script-subhead span{color:#647185}a,.text-action,.eyebrow,.script-number,.clip-index{color:#315e9c}.sidepanel{background:#fafbfc;border-color:#d9dee5}.side-section,.divider,.composer-bottom,.login-brand,.user-list>div{border-color:#d9dee5}.divider{background:#d9dee5}
button,.upload-button{font-weight:500;border-radius:4px}.primary,.upload-button{background:#315e9c;color:#fff}.primary:hover,.upload-button:hover{background:#254c82}.secondary,.icon-button{background:#fff;border-color:#c7cdd5;color:#35445a}.secondary:hover,.icon-button:hover{background:#edf1f6}.text-action{color:#315e9c}.delete-sample,.clip-tools button:last-child{color:#a94035}
textarea,input,.script-composer,.script-item,.job,.clip,.login-panel{background:#fff;color:#253143;border-color:#d2d8e0}textarea:focus,input:focus{border-color:#315e9c;box-shadow:0 0 0 2px #315e9c18}.script-body,.job-title,.clip-title,.placeholder strong,.sample-controls label:not(.upload-button),.settings label,.speech-rate label,.login-panel label{color:#35445a}.sample-controls label span,.job-meta,.clip-meta,.counter{color:#647185}.counter{border-color:#d2d8e0}.sample-preview{border-color:#ccd4df;background:#e8ecf1}.placeholder{color:#647185}.placeholder strong{color:#35445a}.speech-rate output{color:#315e9c}.speech-rate input{background:#d5dce5}.speech-rate input::-webkit-slider-thumb{background:#315e9c}.log-section pre{background:#eef1f5;border-color:#d2d8e0;color:#526174}.clip-tools button{color:#315e9c}.login-page{background:#f3f5f7}.login-panel{border-color:#d9dee5}.login-brand span{color:#647185}.login-error,.job-meta .error{color:#ad3a31}.job-actions{display:flex;gap:8px;margin-top:10px}.job-actions button{min-height:28px;font-size:12px;padding:4px 8px}.job-list{max-height:580px;overflow:auto}.business-card{background:#fff;border:1px solid #d9dee5;border-radius:5px;padding:24px;margin-bottom:20px}.business-card h1{font-size:20px;margin-top:0}.business-card h2{font-size:17px;margin-top:0}.business-card label{display:block;font-size:13px;color:#35445a}.business-card input,.business-card select{display:block;margin:8px 0 14px}.business-card button{margin-top:4px}.admin-shell{max-width:1200px;padding:20px 28px 60px;margin:auto}.inline-form{display:flex;align-items:end;flex-wrap:wrap;gap:14px}.inline-form label{min-width:170px;flex:1}.inline-form button{margin-bottom:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;margin-top:16px;text-align:left}th,td{border-bottom:1px solid #e1e5eb;padding:12px 10px;vertical-align:middle}th{background:#f5f7fa;font-weight:600;color:#526174}td small{color:#788497}.generation-options{margin:22px 0;padding:16px}.generation-options select{margin-top:8px}#connectionPanel{margin-top:22px;font-size:13px}#connectionPanel summary{cursor:pointer}#message{color:#315e9c;min-height:20px}[hidden]{display:none!important}
@media(max-width:760px){.form-grid{grid-template-columns:1fr}.admin-shell{padding:16px}.business-card{padding:16px}.topbar{height:auto}.top-actions{flex-wrap:wrap}.top-actions #balance{display:inline}.inline-form{align-items:stretch}.inline-form button{align-self:end}}
.idle-section{margin-top:28px}.idle-layout{display:flex;gap:20px;align-items:start;margin-top:18px}.idle-layout video{width:180px;max-height:300px;background:#e8ecf1;border-radius:4px;object-fit:contain}.idle-controls{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.idle-controls .upload-button{display:block;color:#fff}.idle-controls select{margin-bottom:0}.idle-controls .minor{margin:0}.idle-playback{display:flex;align-items:end;gap:14px;margin-top:22px}.idle-playback label{flex:1;min-width:0}.idle-playback select{margin-bottom:0}.idle-playback button{white-space:nowrap}.idle-section .section-head{margin-bottom:8px}.clip-kind{font-size:11px;color:#315e9c;background:#eaf0f8;padding:1px 5px;border-radius:3px;white-space:nowrap}.rest-active{color:#9a5b14;font-weight:600}
@media(max-width:760px){.idle-layout{flex-direction:column}.idle-controls{width:100%}.idle-layout video{width:150px}.idle-playback{flex-direction:column;align-items:stretch}}
/* Playback and quality controls */
.auto-rest-controls{margin-top:20px;padding-top:16px;border-top:1px solid #dce4e2}.check-label{display:flex!important;align-items:center;gap:9px}.check-label input{width:auto!important}.range-fields{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0}.range-fields label{flex:1;min-width:130px}.range-fields input,.range-fields select{width:100%}.quality-options{margin-top:16px}.quality-options summary{cursor:pointer;font-weight:600;padding:4px 0}.quality-options>label{display:block;margin-top:12px}.quality-options input{max-width:220px}