.tts-tool{width:100%}[hidden]{display:none!important}.field-label{margin-bottom:.5rem;font-weight:600;display:block}.field-hint{color:#666;margin:.5rem 0 0;font-size:.85rem}.field-hint-inline{color:#666;font-size:.85rem}kbd{background:#f5f5f5;border:1px solid #ccc;border-bottom-width:2px;border-radius:4px;padding:.1rem .4rem;font-family:inherit;font-size:.85em}.text-input{width:100%;min-height:260px;font:inherit;resize:vertical;border-radius:var(--radius);border:1px solid #ccc;padding:1rem;line-height:1.7;display:block}.reading-view{width:100%;min-height:260px;max-height:480px;font:inherit;border-radius:var(--radius);white-space:pre-wrap;background:#fafafa;border:1px solid #ccc;padding:1rem;line-height:1.9;overflow-y:auto}.reading-view .word{border-radius:4px;padding:.05rem .1rem}.reading-view .word.speaking{background:#fff3b0;box-shadow:0 0 0 1px #e8d774}.reading-view .word.spoken{color:#999}.tts-controls{margin-top:var(--space-md)}.control-row{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-top:1.25rem;display:flex}.control-row:first-child{margin-top:0}.playback-row{align-items:center}.control-field{flex-direction:column;gap:.4rem;min-width:160px;display:flex}.control-field label{font-size:.9rem;font-weight:600}.checkbox-field{flex-flow:wrap;align-items:center;gap:.5rem}.checkbox-field label{cursor:pointer;align-items:center;gap:.4rem;font-weight:600;display:flex}.sliders-row{flex-wrap:wrap}.sliders-row .control-field{flex:180px}select,input[type=range]{font:inherit}select{border-radius:var(--radius);background:#fff;border:1px solid #ccc;min-width:220px;padding:.5rem}.playback-status{color:#666;font-size:.9rem}.primary-button,.secondary-button,.danger-button{font:inherit;border-radius:var(--radius);cursor:pointer;padding:.6rem 1.2rem;font-size:.95rem;transition:background .15s,border-color .15s,opacity .15s}.primary-button{color:#fff;background:#2b6cb0;border:1px solid #2b6cb0}.primary-button:hover:not(:disabled){background:#245a91}.secondary-button{background:#fff;border:1px solid #ccc}.secondary-button:hover:not(:disabled){background:#f0f0f0;border-color:#999}.danger-button{color:#c62828;background:#fff;border:1px solid #ef9a9a}.danger-button:hover:not(:disabled){background:#ffebee}button:disabled{opacity:.5;cursor:not-allowed}.tool-about{max-width:var(--content-width);margin:var(--space-xl) auto 0;padding-top:var(--space-lg);border-top:1px solid #eee}.tool-about h2{margin-top:0}.tool-about h3{margin-bottom:.4rem}.tool-about p{color:#444;margin-top:0}@media (width<=700px){.control-field{width:100%;min-width:0}select{width:100%}}