/* AI workspaces share the Effects console's spacing, surfaces and actions. */
body[data-ai-layout]{--ai-violet:#6b59d3;--fg:#342850;--fg-2:#6d647c;--fg-3:#83798f;--bg-1:#fff;--bg-2:#faf8ff;--bg-3:#f3eefb;--line-2:#d8ceec;--acc:#6b59d3;--acc-2:#6b59d3;--acc-glow:#6b59d31c}
body[data-ai-layout] main{min-width:0}
body[data-ai-layout] .tool-head,body[data-ai-layout] .hero{max-width:850px;margin:0 auto;padding:38px 24px 8px;text-align:center}
body[data-ai-layout] :is(.tool-head,.hero) h1{margin:0 0 14px;color:#17202b;font-size:clamp(29px,4vw,44px);line-height:1.16;letter-spacing:-.045em;font-weight:750}
body[data-ai-layout] :is(.tool-intro,.hero .lede){max-width:720px;margin:0 auto;color:#65717d;font-size:15px;line-height:1.7}
body[data-ai-layout] :is(#workspace,#demo){max-width:1024px;margin:0 auto;padding:24px 24px 30px!important;border:0!important;border-radius:0;background:transparent!important;box-shadow:none}
body[data-ai-layout] :is(.section-head,.sec-head){margin:0 auto 18px;text-align:center}
body[data-ai-layout] :is(.section-head,.sec-head) h2{margin:0;color:#342850;font-size:clamp(21px,2.5vw,28px);font-weight:700;letter-spacing:-.025em;line-height:1.35}
body[data-ai-layout] .tool-shell{max-width:960px;min-height:0;margin:0 auto;padding:24px;border:1px solid #e6e0ef!important;border-radius:22px;background:#fff!important;box-shadow:0 8px 28px #6b59d308}
body[data-ai-layout] .drop-zone,body[data-ai-layout] #drop{min-height:230px;width:100%;margin:0;padding:28px 20px;gap:7px;border:1.5px dashed #cfc2e7!important;border-radius:17px;background:linear-gradient(140deg,#fcfbff,#f7f3fe)!important;color:#342850!important;box-shadow:none;transition:border-color .2s,background .2s,box-shadow .2s}
body[data-ai-layout] :is(.drop-zone,#drop):hover:not(:disabled),body[data-ai-layout] :is(.drop-zone,#drop).dragging{border-color:#9276d3!important;background:#f1ebfc!important;box-shadow:0 0 0 4px #8a6ace0a}
body[data-ai-layout] .drop-zone strong{font-size:18px;font-weight:650}
body[data-ai-layout] .drop-zone small{max-width:490px;margin:9px auto 0;color:#857b94;font-size:12px;line-height:1.6}
body[data-ai-layout] .upload-icon{width:54px;height:54px;margin:0 0 10px;border:1px solid #e4d9f5!important;border-radius:17px;background:#eee7fb!important;box-shadow:0 4px 10px #6b59d308}
body[data-ai-layout] .upload-icon::before{width:28px;height:28px}
body[data-ai-layout] .split-preview{display:none}
body[data-ai-layout] .upload-cta{margin-top:9px;padding:9px 16px;border-radius:9px;background:#6b59d3!important;color:#fff!important;font-size:12px;font-weight:650}
body[data-ai-layout] .tool-limit{display:block;margin:0 0 18px;padding:11px 14px;border:1px solid #eae4f2;border-radius:11px;background:#faf8fe!important;color:#81758e;font-size:12px;line-height:1.65}
body[data-ai-layout] .tool-limit strong{display:none}
body[data-ai-layout] :is(.settings-panel,.ai-console){padding:20px;margin:20px 0 0;border:1px solid #e7e0f3!important;border-radius:20px;background:linear-gradient(135deg,#faf8ff,#f5f3fa)!important;box-shadow:inset 0 1px 0 #fff,0 4px 18px #6b59d306}
body[data-ai-layout] .ai-console-heading{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#342850;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-.025em;text-align:left}
body[data-ai-layout] .ai-console-icon{display:inline-grid;place-items:center;flex-shrink:0;width:37px;height:37px;border:1px solid #e7def7;border-radius:12px;background:#fff;color:#7960cf;box-shadow:0 3px 9px #6b59d308}
body[data-ai-layout] .ai-console-icon svg{width:20px;height:20px}
body[data-ai-layout] .ai-param-card{display:block;min-width:0;margin:12px 0 0;padding:16px;border:1px solid #e8e3ef!important;border-radius:13px;background:#fff!important;color:#665b76;font-size:12px;box-shadow:0 2px 6px #3b205303;transition:border-color .18s,box-shadow .18s}
body[data-ai-layout] .ai-param-card:focus-within{border-color:#baa7e3!important;box-shadow:0 0 0 3px #a68adf13}
body[data-ai-layout] :is(.fine-tune-heading,.sl-top){display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;color:#665b76;font-size:12px;line-height:1.5}
body[data-ai-layout] :is(.fine-tune-heading,.sl-top) :is(output,b){padding:4px 8px;border-radius:7px;background:#f3eefc;color:#6f52b5;font-size:12px;font-weight:650;white-space:nowrap}
body[data-ai-layout] .fine-tune-label{display:flex;align-items:center;gap:8px}
body[data-ai-layout] .settings-heading{margin:0 0 12px;color:#665b76;font-size:12px}
body[data-ai-layout] :is(.segmented,.export-formats){display:flex;flex-wrap:wrap;gap:8px;padding:0;border:0;background:none!important}
body[data-ai-layout] :is(.segmented,.export-formats) button{flex:1;min-height:40px;padding:10px 14px;border:1px solid #e0d7ee!important;border-radius:10px!important;background:#fff!important;color:#79668f!important;font-size:12px;line-height:1.3;box-shadow:0 2px 5px #6b59d305}
body[data-ai-layout] :is(.segmented,.export-formats) button:is(.active,[aria-checked="true"]){background:#6b59d3!important;border-color:#6b59d3!important;color:#fff!important;box-shadow:0 4px 12px #6b59d326}
body[data-ai-layout] main :is(select,input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]),textarea){min-width:0;max-width:100%;padding:10px 12px;border:1px solid #e4deec!important;border-radius:9px;background:#faf9fd!important;color:#43354f!important;font:inherit;font-size:13px}
body[data-ai-layout] main select{min-height:40px;appearance:none;padding-right:32px;background:#faf9fd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%238c7ba2' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center!important}
body[data-ai-layout] main input[type=range]{display:block;appearance:none;width:100%;height:22px;margin:0;padding:0;border:0!important;background:transparent!important;box-shadow:none;accent-color:#8564c6;cursor:pointer}
body[data-ai-layout] main input[type=range]::-webkit-slider-runnable-track{height:5px;border:0;border-radius:8px;background:linear-gradient(to right,#a48adf 0 var(--ai-progress,50%),#ece7f4 var(--ai-progress,50%) 100%)}
body[data-ai-layout] main input[type=range]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;margin-top:-6px;border:3px solid #fff;border-radius:50%;background:#8564c6;box-shadow:0 0 0 1px #d4c6ec,0 2px 4px #6b59d31c}
body[data-ai-layout] main input[type=range]::-moz-range-track{height:5px;border-radius:8px;background:#ece7f4}
body[data-ai-layout] main input[type=range]::-moz-range-progress{height:5px;border-radius:8px;background:#a48adf}
body[data-ai-layout] main input[type=range]::-moz-range-thumb{width:11px;height:11px;border:3px solid #fff;border-radius:50%;background:#8564c6}
body[data-ai-layout] main :is(.download-button,.btn-go,#dl,.stem-export){position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;margin:12px 0 0;padding:16px 22px;border:1px solid #7865dc!important;border-radius:14px!important;background:linear-gradient(110deg,#8069df,#6957d5 55%,#5844bb)!important;color:#fff!important;font-size:15px;font-weight:700;line-height:1.4;box-shadow:0 7px 18px #6957d52b;transition:transform .18s,box-shadow .18s}
body[data-ai-layout] main :is(.download-button,.btn-go,#dl,.stem-export)::after{position:absolute;inset:0;content:"";background:linear-gradient(110deg,transparent 25%,#ffffff24 50%,transparent 75%);transform:translateX(-130%);pointer-events:none;transition:transform .6s}
body[data-ai-layout] main :is(.download-button,.btn-go,#dl,.stem-export):hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 26px #6957d53d}
body[data-ai-layout] main :is(.download-button,.btn-go,#dl,.stem-export):hover:not(:disabled)::after{transform:translateX(130%)}
body[data-ai-layout] main :is(.download-button,.btn-go,#dl,.stem-export):disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}
body[data-ai-layout] main :is(.icon-button,.slot-mic,.asr-file-remove,.cancel-button){border:1px solid #e2d9ef!important;border-radius:10px!important;background:#f6f2fd!important;color:#7960b5!important}
body[data-ai-layout] main button:focus-visible,body[data-ai-layout] #drop:focus-visible{outline:2px solid #8b70ce;outline-offset:3px}
body[data-ai-layout] .file-row{margin:0 0 18px;padding:12px 14px;border:1px solid #e8e1f1;border-radius:13px;background:#faf8ff}
body[data-ai-layout] .file-info{min-width:0}
body[data-ai-layout] :is(.file-info strong,.slot-file strong){overflow-wrap:anywhere}
body[data-ai-layout] :is(.waveform-row,.stem-card,.result-panel,.result){margin-top:12px;padding:18px;border:1px solid #e8e1f1!important;border-radius:16px;background:#fff!important;box-shadow:none}
body[data-ai-layout] :is(.waveform-wrap,.player){border:1px solid #e8e1f1;border-radius:12px;background:#faf8ff!important}
body[data-ai-layout] .wave-play-button{width:40px;height:40px;border:1px solid #e0d5f1!important;border-radius:50%!important;background:#f0eafa!important;color:#7960cf!important}
body[data-ai-layout] :is(.result-status,.result-toolbar){padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid #ece6f4}
body[data-ai-layout] .export-panel{margin-top:18px;padding:18px;border:1px solid #e7e0f3;border-radius:16px;background:#f8f5fd}
body[data-ai-layout] .export-name-control{margin-bottom:15px;border-radius:10px;background:#fff}
body[data-ai-layout] .export-label{display:block;margin:14px 0 10px;color:#665b76;font-size:12px}
body[data-ai-layout] .export-name-control input{flex:1;width:100%}
body[data-ai-layout] .result-stems{gap:14px}
body[data-ai-layout] .stem-card{min-width:0;padding:16px}
body[data-ai-layout] .stem-card h3{margin:0 0 12px;font-size:16px}
body[data-ai-layout] .stem-card .model-actions{display:grid;grid-template-columns:1fr;gap:8px}
body[data-ai-layout] .stem-card .stem-export{margin:0}
body[data-ai-layout] .progress-panel{padding:18px;border:1px solid #e7e0f3;border-radius:14px;background:#f8f5fd}
body[data-ai-layout] :is(.progress-track,.bar-outer){height:5px;border-radius:8px;background:#e8e0f3}
body[data-ai-layout] :is(.progress-track>i,.bar-inner){border-radius:8px;background:linear-gradient(90deg,#a48adf,#6b59d3)!important}
body[data-ai-layout] :is(.copy-band,.asr-guide,.stem-band,.faq-band,#how,#features,#faq){max-width:960px;margin:0 auto;padding:30px 24px}
body[data-ai-layout] :is(.copy-band,.asr-guide,.stem-band,#how,#features) p{color:#756c81;font-size:14px;line-height:1.8}
body[data-ai-layout] .faq-list details{padding:18px;border:1px solid #e8e1f1!important;border-radius:13px;margin:10px 0;background:#fff!important;box-shadow:none}
body[data-ai-layout] .faq-list h3{font-size:15px;color:#4c405e}
body[data-ai-layout] .section-head>p{display:none}
/* Speech-to-text: upload, parameter console, then editable results. */
body[data-ai-layout] .asr-input{padding:0}
body[data-ai-layout] .asr-grid{gap:12px;margin:0}
body[data-ai-layout] .asr-grid>.ai-param-card{display:flex;gap:10px;margin:0;font-size:12px;font-weight:600}
body[data-ai-layout] .asr-grid select{width:100%;margin:0}
body[data-ai-layout] .asr-grid>.asr-muted{grid-column:1/-1;margin:0;font-size:12px}
body[data-ai-layout] .asr-actions{gap:9px;margin:14px 0 0}
body[data-ai-layout] .asr-actions #transcribe{flex:1 0 100%;margin:0}
body[data-ai-layout] .asr-queue li{border:1px solid #e5ddee;border-radius:13px;background:#faf8ff}
body[data-ai-layout] .asr-file-number{border-radius:8px;background:#eee7fb;color:#7960cf}
body[data-ai-layout] #status:empty{display:none}
body[data-ai-layout] #status{margin:12px 0 0;font-size:12px}
body[data-ai-layout] #model-info{display:none}
body[data-ai-layout] #audio-quality-note{font-size:12px;margin:0 0 15px}
/* Voice changer: two matching input cards with the original native players. */
body[data-ai-layout] .slot-grid{gap:14px}
body[data-ai-layout] .slot{min-width:0;padding:18px;border:1px solid #e7e0f3;border-radius:18px;background:linear-gradient(135deg,#faf8ff,#f5f3fa)}
body[data-ai-layout] .slot-head{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:0 0 16px;font-size:15px;color:#4a3b5c}
body[data-ai-layout] .slot-head .ai-console-icon{width:32px;height:32px;border-radius:10px}
body[data-ai-layout] .slot .drop-zone{min-height:240px;padding:20px 12px}
body[data-ai-layout] .slot audio{width:100%;max-width:100%}
body[data-ai-layout] .slot-actions{margin:10px 0 0}
body[data-ai-layout] .convert-actions{margin:16px 0 0}
body[data-ai-layout] .legal-line{color:#8b8296;font-size:11px;line-height:1.6}
/* Text-to-speech: a full-width script followed by voices and delivery controls. */
body[data-ai-layout] main.wrap{max-width:1072px}
body[data-ai-layout] #demo{padding-inline:0!important}
body[data-ai-layout] .bench{max-width:960px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:start}
body[data-ai-layout] .bench>.card{min-width:0;margin:0;padding:20px;border:1px solid #e7e0f3!important;border-radius:20px}
body[data-ai-layout] .bench>.card:first-child{grid-column:1/-1}
body[data-ai-layout] .bench .sec-head{text-align:left;margin:0 0 16px!important}
body[data-ai-layout] #text{min-height:150px;padding:16px!important;border-radius:13px;font-size:15px;line-height:1.7}
body[data-ai-layout] .ta-foot{flex-wrap:wrap;justify-content:flex-start;gap:8px 15px}
body[data-ai-layout] .ta-foot .text-upload{margin-left:auto}
body[data-ai-layout] .samples{display:flex;flex-wrap:wrap;gap:8px}
body[data-ai-layout] .voice-toolbar{gap:6px}
body[data-ai-layout] .voice-grid{max-height:480px;overflow:auto;padding:3px;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr));scrollbar-width:thin;scrollbar-color:#d5c5ec transparent}
body[data-ai-layout] .vcard{min-width:0;padding:12px;border:1px solid #e5ddee!important;border-radius:12px;background:#fff!important;color:#554368!important}
body[data-ai-layout] .vcard[aria-pressed=true]{border-color:#aa8bd9!important;background:#f3edfc!important;box-shadow:0 0 0 2px #a68adf17}
body[data-ai-layout] .vcard .av{width:30px;height:30px;border-radius:10px;background:#eee7fb!important;color:#7960cf!important}
body[data-ai-layout] .vcard .vname{color:#51415f;font-size:12px;white-space:normal;overflow-wrap:anywhere}
body[data-ai-layout] .vcard .vacc{color:#8a7c98;font-size:10px}
body[data-ai-layout] .vcard .vfoot{flex-wrap:wrap}
body[data-ai-layout] .chip[aria-pressed=true]{background:#6b59d3!important;color:#fff!important}
body[data-ai-layout] .slider-box{min-width:0;flex:1}
body[data-ai-layout] .ctrl-row{margin-top:12px}
body[data-ai-layout] .slider-box.ai-param-card{margin:0}
body[data-ai-layout] .sl-label{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
body[data-ai-layout] .toggle{padding:14px;border:1px solid #e8e3ef;border-radius:12px;background:#fff}
body[data-ai-layout] .toggle em{color:#9a8ba8;font-size:11px}
body[data-ai-layout] .res-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
body[data-ai-layout] #dl{margin:0}
body[data-ai-layout] .reference-grid{grid-template-columns:1fr}
body[data-ai-layout] .reference-card{min-width:0;border-radius:12px;border-color:#e8e1f1;background:#fff}
body[data-ai-layout] audio{max-width:100%;accent-color:#7960cf}
body[data-ai-layout] .note.info{margin-top:12px;padding:12px;font-size:12px;border-radius:10px}
body[data-ai-layout] :is(.note,.callout){border-radius:12px}
body[data-ai-layout] .status:empty{display:none}
body[data-ai-layout] :is(.status-pill,.result-status>span){background:#f1eafa;color:#7960cf}
body[data-ai-layout] [hidden]{display:none!important}
@media(max-width:720px){
 body[data-ai-layout] :is(.tool-head,.hero){padding:28px 18px 8px}
 body[data-ai-layout] :is(#workspace,#demo){padding:20px 14px 24px!important}
 body[data-ai-layout] .tool-shell{padding:16px;border-radius:18px}
 body[data-ai-layout] :is(.settings-panel,.ai-console){padding:14px;border-radius:16px}
 body[data-ai-layout] :is(.slot-grid,.bench){grid-template-columns:minmax(0,1fr)}
 body[data-ai-layout] .bench>.card{padding:16px}
 body[data-ai-layout] .bench>.card:first-child{grid-column:auto}
 body[data-ai-layout] .asr-grid{grid-template-columns:minmax(0,1fr)}
 body[data-ai-layout] main.wrap{padding:0 14px}
 body[data-ai-layout] #demo{padding-inline:0!important}
 body[data-ai-layout] .slot{padding:14px}
 body[data-ai-layout] :is(.waveform-row,.stem-card,.result-panel,.result){padding:12px}
 body[data-ai-layout] .waveform-row{grid-template-columns:minmax(0,1fr);gap:10px}
 body[data-ai-layout] .waveform-label{display:flex;align-items:center;justify-content:space-between;gap:10px}
 body[data-ai-layout] :is(.tool-intro,.hero .lede){font-size:14px}
 body[data-ai-layout] .ai-param-card{padding:14px}
 body[data-ai-layout] .ai-console-heading{font-size:17px}
 body[data-ai-layout] .segmented button{padding:10px 7px;font-size:11px}
 body[data-ai-layout] .result-stems{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){body[data-ai-layout] main *,body[data-ai-layout] main *::before,body[data-ai-layout] main *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Tool intros must not inherit the homepage's two-column hero. */
body[data-ai-layout] .hero{display:block;min-height:0;gap:0}
body[data-ai-layout] .vcard[aria-pressed=true] .vname{background:transparent!important;color:#584078!important}
body[data-ai-layout] .ai-guide h2{margin:0 0 16px;color:#342850;font-size:26px;letter-spacing:-.025em}
body[data-ai-layout] .ai-guide h3{margin:24px 0 10px;color:#51415e;font-size:18px}
body[data-ai-layout] .ai-guide{padding-top:28px;padding-bottom:22px}
body[data-ai-layout] main .vcard-select{width:100%;min-height:0;padding:0;border:0!important;border-radius:0!important;background:transparent!important;color:#51415f!important;box-shadow:none!important;text-align:left}
body[data-ai-layout] main .vcard-select:hover{background:transparent!important;transform:none}
body[data-ai-layout] .vcard[aria-current=true]{border-color:#aa8bd9!important;background:#f3edfc!important;box-shadow:0 0 0 2px #a68adf17}
body[data-ai-layout] .vcard[aria-current=true] .vname{color:#584078!important}
body[data-ai-layout] .vcard .vname{display:block;background:transparent!important}
body[data-ai-layout] .vcard .vacc{display:block}
body[data-ai-layout] .faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer}
body[data-ai-layout] .faq-list summary::-webkit-details-marker{display:none}
body[data-ai-layout] .faq-list summary::marker{content:""}
body[data-ai-layout] .faq-list summary::after{content:"+";position:static;flex-shrink:0;color:#8a70cb;font-size:20px;font-weight:400}
body[data-ai-layout] .faq-list details[open] summary::after{content:"−"}
body[data-ai-layout] .faq-list summary h3{margin:0;line-height:1.5}
body[data-ai-layout] .faq-list details>p{margin:14px 0 0;color:#756c81;font-size:14px;line-height:1.8}
body[data-ai-layout] :is(.sl-note,.adv-hint){display:none}
/* Match the file chooser accent used by the other tool workspaces. */
body[data-ai-layout][data-tool-theme="vocal"] #dropZone .upload-cta,body[data-ai-layout][data-tool-theme="asr"] #drop-zone .upload-cta{border:0;background:#8b6bc7!important;color:#fff!important;box-shadow:none}
body[data-ai-layout][data-tool-theme="vocal"] #dropZone:hover:not(:disabled) .upload-cta,body[data-ai-layout][data-tool-theme="asr"] #drop-zone:hover:not(:disabled) .upload-cta{background:#8060bc!important}
.audio-runtime-help{padding:16px;margin:16px 0;border:1px solid #dfd2ef;border-radius:12px;background:#f7f1ff;color:#71538d;font-size:13px;line-height:1.6}.audio-runtime-help p{margin:0 0 12px}.audio-runtime-help>div{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.audio-runtime-help button{width:auto;margin:0!important;padding:9px 14px!important;font-size:12px!important}.audio-runtime-help a,.tool-limit a{color:#7651b5;text-decoration:underline;text-underline-offset:3px}

body[data-ai-layout] .reference-advice{margin:0 0 16px;padding:13px 15px;border:1px solid #dfd1ee;border-radius:11px;background:#f8f3fd;color:#8b739d;font-size:12px;line-height:1.8}body[data-ai-layout] .reference-advice strong{display:block;color:#795894;font-weight:650}body[data-ai-layout] .reference-advice a{color:#8965b9;text-underline-offset:3px}