/* 文字转语音：文本 + 声音 / 语速音调音量 + 逐句高亮 */

.ts-text{min-height:9rem;font-size:.9375rem;line-height:1.7;resize:vertical}
.ts-count{display:flex;justify-content:space-between;margin-top:.25rem;font-size:.75rem;color:#adb5bd}
.ts-count span:empty{display:none}

.ts-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem}
.ts-label{flex:none;margin:0;font-size:.875rem;color:#5b6675}
.ts-row .form-select{flex:1 1 14rem;min-width:12rem;max-width:26rem}

.ts-sliders{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.5rem 1.25rem;margin-top:.6rem}
.ts-slider label{display:block;margin-bottom:.15rem;font-size:.8125rem;color:#5b6675}
.ts-slider label b{color:#2b3441}
.ts-slider .form-range{max-width:none}

.ts-btns{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}
.ts-hint{margin-top:.5rem}

.ts-read{margin-top:1rem;padding:.75rem .875rem;border:1px solid #eef1f5;border-radius:.625rem;
  background:#fafbfd;font-size:.9375rem;line-height:1.9;max-height:16rem;overflow:auto}
.ts-sent{cursor:pointer;border-radius:.25rem;padding:.05rem .1rem;transition:background .15s,color .15s}
.ts-sent:hover{background:#eef1f5}
.ts-sent.is-done{color:#98a2ad}
.ts-sent.is-now{background:rgba(var(--site-primary-rgb),.16);color:#111;font-weight:600}

@media (max-width:575.98px){
  .ts-btns .btn{flex:1 1 45%}
  .ts-row .form-select{max-width:none}
}