.tts-page *{box-sizing:border-box}.tts-page a{color:var(--accent)}.tts-page a:hover{color:#f2c05c}.tts-page .hero{padding:10px 2px 24px}.tts-page .pill{display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:600; color:var(--accent);
    border:1px solid var(--line2); padding:6px 13px; border-radius:999px; margin-bottom:15px}.tts-page .pill i{width:6px; height:6px; border-radius:50%; background:var(--accent); font-style:normal}.tts-page h1{font-size:34px; line-height:1.08; margin:0; letter-spacing:-.02em; font-weight:700}.tts-page h1 .g{color:var(--accent)}.tts-page .sub{color:var(--mut); font-size:15px; margin:13px 0 0; max-width:520px}.tts-page .trust{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px}.tts-page .trust span{font-size:12px; color:var(--mut); background:var(--panel); border:1px solid var(--line); padding:6px 12px; border-radius:999px}.tts-page .trust b{color:var(--txt)}.tts-page .card{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:18px; margin-bottom:16px}.tts-page label{display:block; font-size:12.5px; font-weight:600; color:var(--mut); margin:0 0 7px}.tts-page textarea{
    width:100%; min-height:150px; resize:vertical; background:var(--input);
    color:var(--txt); border:1px solid var(--line); border-radius:12px; padding:14px;
    font-size:16px; font-family:inherit; line-height:1.55;
  }.tts-page textarea::placeholder{color:var(--faint)}.tts-page textarea:focus,.tts-page select:focus{outline:2px solid var(--accent); outline-offset:0}.tts-page .meta-row{display:flex; justify-content:space-between; align-items:center; margin-top:8px; font-size:12.5px; color:var(--mut)}.tts-page .count.over{color:var(--danger); font-weight:700}.tts-page select{width:100%; background:var(--input); color:var(--txt); border:1px solid var(--line);
    border-radius:12px; padding:12px 13px; font-size:15px; font-family:inherit; -webkit-appearance:none; appearance:none}.tts-page .engine-tabs{display:flex; gap:8px; margin-bottom:15px}.tts-page .engine-tabs button{
    flex:1; padding:11px 6px; border-radius:10px; border:1px solid var(--line2);
    background:transparent; color:var(--mut); font-weight:700; font-size:13.5px; cursor:pointer; transition:.15s; font-family:inherit}.tts-page .engine-tabs button.active{background:var(--accent); border-color:var(--accent); color:var(--accent-ink)}.tts-page .engine-tabs small{display:block; font-weight:500; font-size:10.5px; margin-top:1px}.tts-page .voice-picker{display:flex; gap:8px; align-items:stretch; margin-top:0}.tts-page .voice-picker select{flex:1; min-width:0}.tts-page .prev-btn{flex:0 0 auto; width:48px; border:1px solid var(--line); background:var(--panel2); color:var(--accent);
    border-radius:12px; font-size:16px; cursor:pointer; display:flex; align-items:center; justify-content:center}.tts-page .prev-btn.playing{background:var(--accent); border-color:var(--accent); color:var(--accent-ink)}.tts-page .filter-row{display:flex; gap:8px; margin-bottom:8px}.tts-page .filter-row>div{flex:1; min-width:0}.tts-page .filter-row.gender{flex:0 0 auto}.tts-page .sliders{margin-top:16px}.tts-page .slider{margin-bottom:14px}.tts-page .slider .lab{display:flex; justify-content:space-between; align-items:center; margin-bottom:6px}.tts-page .slider .lab label{margin:0}.tts-page .slider .lab .val{font-size:13px; font-weight:700; color:var(--accent)}.tts-page .slider input[type=range]{width:100%; -webkit-appearance:none; appearance:none; height:6px; border-radius:4px;
    background:var(--line2); outline:none; margin:0}.tts-page .slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none; appearance:none; width:20px; height:20px;
    border-radius:50%; background:var(--accent); cursor:pointer; border:3px solid var(--panel)}.tts-page .slider input[type=range]::-moz-range-thumb{width:18px; height:18px; border-radius:50%; background:var(--accent);
    cursor:pointer; border:3px solid var(--panel)}.tts-page .slider.disabled{opacity:.4; pointer-events:none}.tts-page .slider .hint{font-size:11px; color:var(--faint)}.tts-page .reset-link{background:none; border:none; color:var(--mut); font-size:11.5px; cursor:pointer; text-decoration:underline; font-family:inherit; padding:0}.tts-page .go{
    width:100%; margin-top:16px; padding:16px; font-size:16px; font-weight:700; cursor:pointer;
    color:var(--accent-ink); border:none; border-radius:12px; background:var(--accent); font-family:inherit}.tts-page .go:disabled{opacity:.55; cursor:not-allowed}.tts-page .status{font-size:14px; margin-top:12px; min-height:20px; text-align:center; color:var(--mut)}.tts-page .status.err{color:var(--danger)}.tts-page .status.ok{color:var(--ok)}.tts-page .result{display:none; margin-top:14px; padding:14px; background:var(--input); border:1px solid var(--line); border-radius:12px}.tts-page .result audio{width:100%; margin-bottom:10px}.tts-page .dl{display:block; text-align:center; padding:14px; border-radius:10px; background:var(--accent); color:var(--accent-ink); font-weight:700; text-decoration:none; font-size:15px}.tts-page .spin{display:inline-block; width:15px; height:15px; border:3px solid rgba(232,160,32,.3);
    border-top-color:var(--accent); border-radius:50%; animation:sp 1s linear infinite; vertical-align:-3px; margin-right:8px}.tts-page .upsell{display:none; margin-top:12px; padding:16px; border-radius:12px; border:1px solid var(--accent);
    background:rgba(232,160,32,.08)}.tts-page .upsell a{display:inline-block; margin-top:10px; background:var(--accent); color:var(--accent-ink); text-decoration:none; font-weight:700; padding:11px 18px; border-radius:10px}.tts-page .sec-title{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin:26px 0 6px}.tts-page .sec-title h2{font-size:18px; margin:0; font-weight:700}.tts-page .gallery{display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:9px}.tts-page .vcard{display:flex; align-items:center; gap:11px; background:var(--panel); border:1px solid var(--line);
    border-radius:12px; padding:11px; cursor:pointer; transition:.15s}.tts-page .vcard:hover{border-color:var(--accent)}.tts-page .vcard.playing{border-color:var(--accent)}.tts-page .vcard.sel{border-color:var(--accent); background:rgba(232,160,32,.08)}.tts-page .vplay{flex:0 0 auto; width:36px; height:36px; border-radius:50%; background:var(--panel2); color:var(--accent);
    display:flex; align-items:center; justify-content:center; font-size:12px}.tts-page .vcard.playing .vplay{background:var(--accent); color:var(--accent-ink); animation:pulse 1.2s ease-in-out infinite}.tts-page .vmeta{min-width:0}.tts-page .vmeta b{display:block; font-size:12px;}.tts-page .vmeta small{font-size:11px; color:var(--mut); display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}.tts-page .how{display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:12px}.tts-page .how div{background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:14px; text-align:center}.tts-page .how .n{width:28px; height:28px; margin:0 auto 8px; border-radius:50%; background:var(--accent); color:var(--accent-ink); font-weight:700; display:flex; align-items:center; justify-content:center; font-size:14px}.tts-page .how b{display:block; font-size:13.5px; margin-bottom:2px}.tts-page .how small{font-size:11.5px; color:var(--mut)}.tts-page .seo{margin-top:28px; font-size:14px; color:var(--mut)}.tts-page .seo h2{font-size:16.5px; color:var(--txt); margin:18px 0 6px; font-weight:700}.tts-page .seo p{margin:0}

.tts-page{--bg:var(--bg-color);--panel:var(--secondary-bg);--panel2:#191919;--input:var(--bg-color);--line:var(--border-color);--line2:#3a3a3a;--txt:var(--text-color);--mut:var(--gray-light);--faint:#999;--accent:var(--primary);--accent-ink:#0a0a0a;--ok:var(--success);--danger:#fb7185;--radius:0;max-width:1160px;margin:100px auto 56px;padding:0 24px;color:var(--txt);line-height:1.6}
.tts-page .hero{min-height:0;background:none;text-align:left;display:block;padding:24px 0 28px}
.tts-page h1{font-size:clamp(30px,4.5vw,52px);max-width:850px;line-height:1.12}
.tts-page .sub{max-width:740px;font-size:15px}
.tts-page .pill{font-family:var(--bz-mono);letter-spacing:.025em;border:0;padding:0;border-radius:0}
.tts-page .card{padding:26px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:0 28px}
.tts-page .script-panel{grid-column:1;grid-row:2 / 4;min-width:0}
.tts-page .engine-tabs{grid-column:1 / -1;margin-bottom:24px;max-width:550px}
.tts-page textarea{min-height:300px;border-radius:0}
.tts-page .voice-panel{grid-column:2;min-width:0}
.tts-page .sliders{grid-column:2}
.tts-page .go,.tts-page .status,.tts-page .upsell,.tts-page .result{grid-column:1 / -1}
.tts-page select{appearance:auto;border-radius:0;padding-right:8px}
.tts-page button,.tts-page input{font-family:inherit}
.tts-page button:focus-visible,.tts-page a:focus-visible,.tts-page input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.tts-page .gallery{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));max-height:340px;overflow:auto;padding:3px;scrollbar-color:var(--line2) var(--bg);overscroll-behavior:contain}
.tts-page .vcard{color:var(--txt);text-align:left;font-family:inherit;min-height:76px}
.tts-page .gallery-search{width:100%;max-width:400px;background:var(--input);border:1px solid var(--line);color:var(--txt);padding:12px;font-size:16px;margin:0 0 16px}
.tts-page .sec-title{margin-top:32px}
.tts-page .how>div{padding:22px}
.tts-page .how .n{padding:0}
.tts-page .seo{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.tts-page .seo h2{margin-top:0}
.tts-page .guide-link{display:inline-block;margin-top:22px}
.tts-page .status:empty{display:none}
.tts-page .slider input[type=range]{min-height:6px;margin:10px 0}
.tts-page .reset-link{min-height:32px;padding:0 8px}
.tts-page .spin{animation:tts-spin 1s linear infinite}
@keyframes tts-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.tts-page{margin-top:84px;padding:0 16px}.tts-page .hero{padding:16px 0 24px}.tts-page .card{display:block;padding:16px}.tts-page textarea{min-height:220px}.tts-page .voice-panel{margin-top:22px}.tts-page .engine-tabs small{font-size:11px}.tts-page .gallery{grid-template-columns:1fr 1fr;max-height:360px}.tts-page .vcard{padding:10px;gap:8px}.tts-page .vplay{width:28px;height:28px}.tts-page .seo{grid-template-columns:1fr}.tts-page .how>div{padding:14px 8px}.tts-page .trust{gap:6px}.tts-page .trust span{padding:6px 8px}}
@media(max-width:380px){.tts-page .gallery{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.tts-page .spin{animation:none}}