// Main application script
document.addEventListener('DOMContentLoaded', () => {
    // Initialize any global functionality here
    console.log('Blank Canvas Studio initialized');
    
    // Example: Add intersection observer for animations
    const animateElements = document.querySelectorAll('.animate-on-scroll');
    
    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('animate-fade-in');
                observer.unobserve(entry.target);
            }
        });
    }, { threshold: 0.1 });
    
    animateElements.forEach(el => observer.observe(el));
});