button,input,textarea,select{font:inherit;color:inherit}.panel,.preview,.actions,.result{display:flex;align-items:center}main{max-width:1260px;margin:auto;padding:44px 24px 80px}.kicker{color:var(--g-2);text-transform:uppercase;letter-spacing:1.2px;font-size:12px;font-weight:700}.hero{margin-bottom:25px}.hero h1{margin:12px 0 6px;font-size:clamp(44px,6vw,72px);line-height:1;letter-spacing:-2.5px}.hero p{margin:0;color:var(--muted);font-size:14px}.card{padding:18px;border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.workspace{display:grid;grid-template-columns:1.5fr .5fr;gap:14px}.panel{justify-content:space-between;gap:15px}.panel h2{margin:5px 0 0;font-size:15px}.stats{display:flex;gap:12px;font:13px "DM Mono";color:var(--g-2)}.editor textarea{width:100%;min-height:430px;margin-top:16px;padding:20px;border:1px solid var(--line);border-radius:15px;resize:vertical;outline:0;font:14px/1.8 "Manrope"}.preview{gap:6px;margin-top:12px;flex-wrap:wrap}.preview span{margin-left:auto;color:var(--g-2);font-size:12px}.controls label{display:block;margin-top:18px;color:var(--g-2);text-transform:uppercase;font-size:11px;letter-spacing:.7px}.controls label strong{float:right;color:var(--ink)}.controls input,.controls select{display:block;width:100%;margin-top:8px}.controls select{padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.controls input{accent-color:var(--red)}.mx-note,.export p,.export small,#error{color:var(--g-2);font-size:12px;line-height:1.6}.export{margin-top:14px}.export button,.preview button,.result button{padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer;text-transform:uppercase;font-size:11px;font-weight:700}.export .primary{background:var(--solid);color:#fff}.actions{gap:7px;margin-top:16px;flex-wrap:wrap}.progress{height:6px;margin-top:14px;border-radius:6px;background:var(--surface-2);overflow:hidden;position:relative}.progress i{display:block;width:0;height:100%;background:var(--red)}.progress span{position:absolute;top:10px}.result{gap:12px;margin-top:16px;padding:13px;border-radius:14px;background:var(--surface-2);flex-wrap:wrap}.result audio{flex:1}.toast{position:fixed;bottom:25px;left:50%;opacity:0;transform:translate(-50%,20px);background:var(--solid);color:#fff;padding:11px 15px;border-radius:10px;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){main{padding:28px 12px 60px}.hero h1{font-size:44px;letter-spacing:-3px}.workspace{grid-template-columns:1fr}.editor textarea{min-height:360px}.panel{align-items:flex-start}.result audio{width:100%;flex-basis:100%}}

.gender-toggle{display:flex;gap:6px;margin-top:8px}
.gender-toggle button{flex:1;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer;text-transform:uppercase;font-size:11px;font-weight:700;color:inherit}
.gender-toggle button.active{background:var(--solid);color:#fff;border-color:var(--ink)}
#engine{margin:5px 0 0;font-size:15px;font-family:"DM Mono"}
.credit{display:block;margin-top:6px;color:var(--g-2);font-size:11px}