*{box-sizing:border-box}:root{--navy:#0C0059;--violet:#6528F7;--gold:#FFB700;--ink:#0F172A;--muted:#667085;--bg:#F6F4FB;--line:#E8E2F2;--green:#118447;--red:#B42318}
body{margin:0;background:var(--bg);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink)}.app,.setup{max-width:1180px;margin:auto;padding:24px}
.hero{background:linear-gradient(135deg,var(--navy),#2816A0);color:white;padding:29px;border-radius:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.hero h1{margin:5px 0 8px;font-size:34px}.hero p{margin:0;color:#E6E1FF;line-height:1.5}.eyebrow{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.14em}.setup-link{background:var(--gold);color:var(--navy);text-decoration:none;border-radius:11px;padding:11px 14px;font-weight:900;white-space:nowrap}
.status-card,.panel{background:white;border:1px solid var(--line);border-radius:17px;padding:19px;margin-bottom:14px}.status-card{display:grid;grid-template-columns:auto auto 1fr;gap:9px;align-items:center}.status-card>span{width:11px;height:11px;border-radius:50%;background:#b8b3c3}.status-card small{color:var(--muted);justify-self:end}.status-card.ok>span{background:var(--green)}.status-card.warn>span{background:var(--gold)}
.section-title{display:flex;gap:12px;align-items:center;margin-bottom:15px}.section-title>b{width:38px;height:38px;background:#EEE9FF;color:#4F2CAF;border-radius:11px;display:grid;place-items:center}.section-title h2{margin:0 0 3px;font-size:21px}.section-title p{margin:0;color:var(--muted)}
.grid2,.grid3{display:grid;gap:13px}.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}label{display:block;font-size:13px;font-weight:800;color:#3C3550;margin-bottom:13px}input,select,textarea{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#A78BFA;box-shadow:0 0 0 3px #A78BFA22}textarea{line-height:1.55;resize:vertical}small,.muted{display:block;color:var(--muted);font-weight:400;margin-top:6px;line-height:1.45}
.format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.format{border:2px solid var(--line);border-radius:14px;padding:13px;cursor:pointer;margin:0;min-height:105px}.format.active{border-color:var(--violet);background:#FAF8FF}.format input{display:none}.format strong{display:block;color:var(--navy);font-size:23px}.format span{display:block;margin-top:6px;line-height:1.3}
.or{text-align:center;color:var(--muted);font-size:12px;font-weight:900;margin:-2px 0 10px}.toggle{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;padding:11px;margin-bottom:14px}.toggle input{display:none}.toggle span{width:40px;height:23px;border-radius:99px;background:#D6D0E1;position:relative}.toggle span:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:white;top:3px;left:3px;transition:.2s}.toggle input:checked+span{background:var(--violet)}.toggle input:checked+span:after{left:20px}
.action-panel{text-align:center;background:linear-gradient(135deg,#fff,#F2EDFF)}#createBtn,.primary{border:0;background:var(--violet);color:white;border-radius:13px;padding:14px 25px;font-size:16px;font-weight:900;cursor:pointer}#createBtn{min-width:310px}.action-panel p{color:var(--muted);font-size:12px;margin:9px 0 0}
.progress-head{display:flex;justify-content:space-between}.track{height:14px;background:#ECE8F2;border-radius:99px;overflow:hidden;margin:12px 0}.track>div{height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--gold));transition:width .2s}.progress-panel p{color:var(--muted)}#preview{width:min(100%,430px);max-height:680px;background:#000;border-radius:12px;display:block;margin:14px auto}.download-row{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.download,.secondary-link{display:inline-block;text-decoration:none;border-radius:10px;padding:11px 14px;font-weight:900}.download{background:var(--green);color:white}.secondary-link{background:#EEE9FF;color:#492C94}
.notice{padding:13px;border-radius:12px;margin:14px 0}.notice.success{background:#EAF8EF;color:#0E6A39}.notice.error{background:#FEE4E2;color:var(--red)}footer{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;padding:7px 2px}
@media(max-width:850px){.format-grid{grid-template-columns:1fr 1fr}.grid2,.grid3{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.status-card{grid-template-columns:auto 1fr}.status-card small{grid-column:1/-1;justify-self:start}}
@media(max-width:520px){.app,.setup{padding:12px}.format-grid{grid-template-columns:1fr}.hero h1{font-size:28px}#createBtn{min-width:0;width:100%}footer{flex-direction:column}}

.inline-actions{display:flex;gap:9px;align-items:center;margin-top:9px;flex-wrap:wrap}
.mini-btn{border:0;background:#EEE9FF;color:#482B91;padding:8px 11px;border-radius:9px;font-weight:900;cursor:pointer}
#voiceTestStatus{font-size:12px;color:var(--muted)}
.section-title.compact{justify-content:center;margin-bottom:10px}
.visual-source-note{font-size:12px;color:var(--muted)}

.capcut-note{margin:10px 0 0;background:#F3F0FF;border:1px solid #DED5FF;border-radius:11px;padding:11px 12px;color:#4B3B72;font-size:12px;line-height:1.45}
.voice-ready{color:#138A4B!important}
.voice-error{color:#B42318!important}

.mini-link{display:inline-block;text-decoration:none;background:#FFF4D6;color:#6B4B00;padding:8px 11px;border-radius:9px;font-size:12px;font-weight:900}

.speed-box{display:grid;grid-template-columns:1fr minmax(260px,420px);gap:14px;align-items:center;background:#F2EEFF;border:1px solid #DED4FF;border-radius:14px;padding:13px 14px;margin:0 0 14px}
.speed-box strong{display:block;color:#2D1E69;margin-bottom:3px}
.speed-box small{margin:0;color:#6B5D8C}
.speed-box select{margin:0}
.fast-note{max-width:1180px;margin:0 auto 14px;background:#EAF8F0;border:1px solid #BFE8CE;color:#17683A;border-radius:13px;padding:12px 14px;font-size:13px}
@media(max-width:700px){.speed-box{grid-template-columns:1fr}}

.visual-status{background:#F0ECFF;border:1px solid #DDD4FF;color:#45366D;border-radius:12px;padding:11px 13px;margin-bottom:13px;font-size:13px;line-height:1.5}
.visual-tip{background:#EAF8F0;border:1px solid #BFE8CE;color:#17683A;border-radius:12px;padding:11px 13px;margin-top:5px;font-size:12px;line-height:1.5}