:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#17243a;background:#f2f5fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0%,#e4edff 0,transparent 30%),#f2f5fa}.topbar{height:76px;background:#101b31;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1120px)/2),24px);border-bottom:3px solid #e51e37}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#e91e3b,#1768cf);display:grid;place-items:center;font-weight:900;letter-spacing:-1px}.brand strong{display:block;font-size:18px;letter-spacing:1px}.brand strong span{color:#ff4054}.brand small{display:block;font-size:9px;letter-spacing:2.5px;color:#aab9d2;margin-top:3px}.top-actions{display:flex;align-items:center;gap:18px}.privacy{font-size:10px;letter-spacing:1.2px;color:#c8d7ed}.privacy i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#36c58a;margin-right:7px}.layout{max-width:1120px;margin:auto;padding:54px 24px 30px}.intro{max-width:740px;margin:0 auto 32px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#e21f3c}.intro h1{font-size:clamp(34px,5vw,54px);line-height:1.06;letter-spacing:-2px;margin:13px 0;color:#122039}.intro h1 em{font-style:normal;color:#1c64bd}.intro p{color:#65738b;line-height:1.7;max-width:620px}.feature-row{display:flex;gap:22px;flex-wrap:wrap;color:#43536c;font-size:12px;font-weight:650;margin-top:20px}.workspace{background:#fff;border:1px solid #e2e8f2;border-radius:18px;box-shadow:0 18px 55px #1a355411;padding:30px;max-width:780px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.section-head h2{font-size:20px;margin:5px 0 0;color:#14213a}.muted{font-size:11px;color:#8592a8}textarea{width:100%;min-height:190px;resize:vertical;border:1px solid #dbe3ef;border-radius:11px;padding:17px;font:16px/1.75 inherit;color:#1d2a40;outline:none;background:#fbfcfe}textarea:focus{border-color:#2872d2;box-shadow:0 0 0 3px #2872d21a}.editor-foot{display:flex;justify-content:space-between;font-size:11px;color:#8390a5;margin-top:8px}.text-button{border:0;background:none;color:#d9213c;font-weight:700;cursor:pointer}.voice-head{margin-top:30px}.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.voice-card{text-align:left;border:1px solid #dce4f0;background:#fff;border-radius:12px;padding:13px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;cursor:pointer;min-width:0}.voice-card.selected{border:1.5px solid #176bce;background:#f3f8ff;box-shadow:0 0 0 2px #176bce12}.avatar{width:31px;height:31px;border-radius:9px;color:white;display:grid;place-items:center;font-weight:900;margin-bottom:4px}.blue{background:#246dc4}.pink{background:#b64d91}.green{background:#258b78}.voice-card strong{font-size:14px}.voice-card small{font-size:10px;color:#78869d}.quality{font-size:9px;color:#4f6685;background:#edf2f8;padding:4px 7px;border-radius:5px;margin-top:3px}.sliders{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 3px}.sliders label{font-size:12px;font-weight:700;color:#24344f;display:grid;grid-template-columns:1fr auto;gap:9px}.sliders b{font-size:11px}.sliders input{grid-column:1/3;width:100%;accent-color:#176bce}.hint{grid-column:1/3;color:#99a4b5;font-size:9px;font-weight:400}.generate{width:100%;height:54px;border:0;border-radius:11px;background:linear-gradient(100deg,#f32843,#d91635);color:white;font-size:14px;font-weight:900;letter-spacing:.4px;box-shadow:0 8px 18px #e41d3b2b;cursor:pointer}.generate:disabled{opacity:.65;cursor:wait}.generate span{margin-right:7px}.status{font-size:11px;color:#6d7b91;line-height:1.5;margin-top:12px;min-height:17px}.status.error{color:#d91e3c}.status.success{color:#13845e}.progress-wrap{margin:12px 0}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:#64738b;margin-bottom:6px}.progress{height:7px;border-radius:9px;background:#e9eef5;overflow:hidden}.progress div{height:100%;width:0;background:#216bca;transition:width .2s}.player{margin-top:18px;padding:17px;border:1px solid #dce7f5;border-radius:12px;background:#f7faff}.player-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.player-top strong{display:block;margin-top:5px}.ready-pill{font-size:9px;font-weight:800;color:#14815b;background:#e4f7ee;padding:5px 8px;border-radius:20px}.player audio{width:100%;height:38px}.player-actions{display:flex;gap:9px;margin-top:12px}.download,.ghost,.outline{border-radius:8px;padding:10px 14px;font-size:11px;font-weight:800;cursor:pointer}.download{border:0;background:#176bce;color:white}.ghost{border:1px solid #d4deeb;background:#fff;color:#344761}.outline{border:1px solid #cbd9eb;background:#f8fbff;color:#1b5ca9}.model-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0 0;margin-top:20px;border-top:1px solid #e7edf5}.model-panel strong,.model-panel small{display:block}.model-panel strong{font-size:12px}.model-panel small{font-size:10px;color:#8491a5;margin-top:4px}.model-manager{margin-top:12px;border:1px solid #e2e9f3;border-radius:10px;padding:12px}.model-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eef2f7;font-size:11px}.model-row:last-child{border:0}.model-row button{border:0;background:none;color:#d9213c;font-size:10px;font-weight:800;cursor:pointer}footer{max-width:780px;margin:22px auto 0;display:flex;justify-content:space-between;gap:10px;color:#9aa6b8;font-size:9px;letter-spacing:1px}.top-actions button[hidden],.progress-wrap[hidden],.player[hidden],.model-manager[hidden]{display:none}@media(max-width:640px){.topbar{padding:0 16px;height:66px}.privacy{font-size:8px}.layout{padding:34px 13px 22px}.workspace{padding:19px 15px;border-radius:14px}.voice-grid{gap:7px}.voice-card{padding:10px 8px}.voice-card strong{font-size:12px}.voice-card small{font-size:9px}.sliders{gap:12px}.intro h1{letter-spacing:-1.2px}.feature-row{gap:12px;font-size:10px}footer{font-size:8px;flex-direction:column}}