Eric Tts May 2026

.button-group { display: flex; gap: 10px; margin: 20px 0; flex-wrap: wrap; }

.rate-control label, .pitch-control label { min-width: 60px; font-weight: 500; } eric tts

.rate-control, .pitch-control { display: flex; align-items: center; gap: 15px; } .button-group { display: flex

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; `; document.body.appendChild(notification); setTimeout(() => { notification.style.animation = 'slideOutRight 0.3s ease-out'; setTimeout(() => notification.remove(), 300); }, 3000); } } margin: 20px 0

.container { width: 100%; max-width: 800px; }