Eric Tts -

.btn { flex: 1; padding: 12px 20px; border: none; border-radius: 8px; font-size: 16px; cursor: pointer; transition: all 0.3s; font-weight: 600; }

.presets h3 { font-size: 14px; color: #666; margin-bottom: 10px; } eric tts

// Add animations to styles const style = document.createElement('style'); style.textContent = ` @keyframes slideInRight { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } .btn { flex: 1

stop() { this.synth.cancel(); this.isPlaying = false; this.speakBtn.disabled = false; } padding: 12px 20px