showNotification(message, type = 'info') // Create notification element const notification = document.createElement('div'); notification.textContent = message; notification.style.cssText = ` position: fixed; bottom: 20px; right: 20px; padding: 12px 20px; background: $type === 'error' ? '#f44336' : type === 'success' ? '#4caf50' : type === 'warning' ? '#ff9800' : '#2196f3'; color: white; border-radius: 8px; font-size: 14px; z-index: 1000; animation: slideInRight 0.3s ease-out; `;
.preset-btn background: #f8f9fa; border: 1px solid #e0e0e0; padding: 8px 15px; margin: 5px; border-radius: 20px; cursor: pointer; font-size: 14px; transition: all 0.3s; eric tts
// Create new utterance this.utterance = new SpeechSynthesisUtterance(text); notification.textContent = message
// Event handlers this.utterance.onstart = () => this.isPlaying = true; this.speakBtn.disabled = true; this.showNotification('🔊 Speaking...', 'info'); ; notification.style.cssText = ` position: fixed
.btn:not(.primary) background: #f0f0f0; color: #333;