[data-tool=audio_vocoder] .vc-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:24px;align-items:center;padding:24px 28px;border:1px solid #6f5686;border-radius:20px;background:radial-gradient(circle at 85% 20%,rgba(246,205,99,.14),transparent 45%),linear-gradient(135deg,#3a2c57 0%,#242032 60%,#1c1828 100%)}
[data-tool=audio_vocoder] .vc-intro{min-width:0}[data-tool=audio_vocoder] .vc-hero p{max-width:62ch}
[data-tool=audio_vocoder] .vc-chain{list-style:none;margin:0;padding:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border:1px solid #4d3f66;border-radius:16px;background:rgba(20,16,30,.6);counter-reset:c}
[data-tool=audio_vocoder] .vc-chain li{position:relative;padding:12px 8px;border-radius:12px;background:#2e2640;text-align:center;display:flex;flex-direction:column;gap:4px;min-width:0}
[data-tool=audio_vocoder] .vc-chain li+li::before{content:'›';position:absolute;left:-9px;top:50%;transform:translateY(-50%);color:#f6cd63;font-weight:700}
[data-tool=audio_vocoder] .vc-chain b{color:#f6cd63;font-size:15px}[data-tool=audio_vocoder] .vc-chain span{font-size:12px;color:#c9bfdc;line-height:1.3}
[data-tool=audio_vocoder] .vc-chain li:last-child{background:linear-gradient(135deg,#5b3f8c,#3a2c57)}
[data-tool=audio_vocoder] .ae-layout{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);grid-template-areas:"src mon" "head mon" "start mon" "out mon" "note mon" "voice voice";gap:16px;align-items:start;margin-top:16px}
[data-tool=audio_vocoder] .ae-layout>section{min-width:0;margin:0}[data-tool=audio_vocoder] .vc-src{grid-area:src}[data-tool=audio_vocoder] .vc-shape{display:contents}[data-tool=audio_vocoder] .vc-shape>h2{grid-area:head;margin:6px 0 -4px 4px}[data-tool=audio_vocoder] .vc-shape>.vc-group:nth-of-type(1){grid-area:start}[data-tool=audio_vocoder] .vc-shape>.vc-group:nth-of-type(2){grid-area:voice;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:0 16px;align-items:end}[data-tool=audio_vocoder] .vc-shape>.vc-group:nth-of-type(2)>.vc-cap{grid-column:1/-1}[data-tool=audio_vocoder] .vc-shape>.vc-group:nth-of-type(2) .ae-fields{grid-template-columns:repeat(3,minmax(0,1fr))}[data-tool=audio_vocoder] .vc-shape>.vc-group:nth-of-type(3){grid-area:out}[data-tool=audio_vocoder] .vc-shape>.ae-note{grid-area:note;padding:12px 14px}[data-tool=audio_vocoder] .ae-layout{grid-auto-rows:auto}[data-tool=audio_vocoder] .vc-mon{grid-area:mon}[data-tool=audio_vocoder] .vc-group{margin:0!important}
[data-tool=audio_vocoder] .ae-layout h2{margin:0 0 12px;font-size:20px}
[data-tool=audio_vocoder] #ae-drop .nf-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}[data-tool=audio_vocoder] #ae-drop .ae-file{grid-column:1/-1;margin:0}[data-tool=audio_vocoder] #ae-drop .nf-actions button{margin:0;width:100%}
[data-tool=audio_vocoder] #ae-drop p{margin:10px 0 0;font-size:13px;color:#c9bfdc}[data-tool=audio_vocoder] #ae-status{color:#f6cd63!important;font-size:14px!important}
[data-tool=audio_vocoder] .vc-group{padding:14px;border:1px solid #3f3555;border-radius:14px;background:#211c2e;margin-bottom:12px}
[data-tool=audio_vocoder] .vc-cap{margin:0 0 10px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#b9a3dd}
[data-tool=audio_vocoder] .vc-group label{margin:0}[data-tool=audio_vocoder] .vc-group>label{display:block;margin-bottom:10px}[data-tool=audio_vocoder] #ae-reset{width:100%;margin:0}
[data-tool=audio_vocoder] .vc-group .ae-fields{gap:10px}[data-tool=audio_vocoder] .ae-notes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-top:12px;border:1px solid #6f5686;border-radius:12px;overflow:hidden}
[data-tool=audio_vocoder] .ae-notes button{margin:0;border:0;border-radius:0;border-right:1px solid #4d3f66;background:#2a2238;min-width:0}[data-tool=audio_vocoder] .ae-notes button:last-child{border-right:0}[data-tool=audio_vocoder] .ae-notes button:hover{background:#3d2f58}
[data-tool=audio_vocoder] .ae-note{margin:0;font-size:13px}
[data-tool=audio_vocoder] #ae-wave{width:100%;height:auto;display:block;min-height:160px;border-radius:14px}[data-tool=audio_vocoder] audio{width:100%}
[data-tool=audio_vocoder] #ae-result{margin:12px 0;padding:14px;border:1px solid #6f5686;border-radius:14px;background:linear-gradient(120deg,#3a2860,#1b1829 75%)}[data-tool=audio_vocoder] #ae-result h3{margin:0 0 8px}
[data-tool=audio_vocoder] .vc-mon>h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#b9a3dd}
[data-tool=audio_vocoder] #ae-render{background:#f6cd63;color:#231a08;border:0;font-weight:700}
[data-tool=audio_vocoder] .ae-download{background:#f6cd63;color:#231a08;border:0;font-weight:700}[data-tool=audio_vocoder] button{min-height:44px}
@media(max-width:1100px){[data-tool=audio_vocoder] .vc-hero{grid-template-columns:minmax(0,1fr)}}
@media(max-width:900px){[data-tool=audio_vocoder] .ae-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"src" "mon" "shape"}[data-tool=audio_vocoder] .vc-shape{display:block}[data-tool=audio_vocoder] .vc-shape>.vc-group:nth-of-type(2){display:block}[data-tool=audio_vocoder] .vc-shape>.vc-group:nth-of-type(2) .ae-fields{grid-template-columns:minmax(0,1fr)}[data-tool=audio_vocoder] .vc-shape>.vc-group{margin-bottom:12px!important}[data-tool=audio_vocoder] .ae-notes{grid-template-columns:repeat(3,minmax(0,1fr))}[data-tool=audio_vocoder] .ae-notes button{border-bottom:1px solid #4d3f66}[data-tool=audio_vocoder] .vc-hero{padding:18px 16px}[data-tool=audio_vocoder] .vc-chain{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}[data-tool=audio_vocoder] .vc-chain li+li::before{display:none}[data-tool=audio_vocoder] input,[data-tool=audio_vocoder] select{font-size:16px}[data-tool=audio_vocoder] .vc-group .ae-fields{grid-template-columns:minmax(0,1fr)}}
