Universal Pictures Fanfare Audio Search Tool

function processImage(originalImg, defaultSearchQuery = "Universal Pictures Fanfare") {
    // Create the main container div
    const container = document.createElement('div');
    container.style.position = 'relative';
    container.style.display = 'inline-block';
    container.style.fontFamily = 'Arial, sans-serif';
    container.style.boxShadow = '0 4px 12px rgba(0,0,0,0.3)';
    container.style.borderRadius = '8px';
    container.style.overflow = 'hidden';
    container.style.maxWidth = '100%';

    // Create a canvas to hold the original image
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    canvas.width = originalImg.width;
    canvas.height = originalImg.height;
    ctx.drawImage(originalImg, 0, 0);
    
    // Style the canvas to ensure it behaves responsively inside the container
    canvas.style.display = 'block';
    canvas.style.maxWidth = '100%';
    canvas.style.height = 'auto';
    container.appendChild(canvas);

    // Create the search tool user interface overlay
    const uiWrapper = document.createElement('div');
    uiWrapper.style.position = 'absolute';
    uiWrapper.style.bottom = '0';
    uiWrapper.style.left = '0';
    uiWrapper.style.width = '100%';
    uiWrapper.style.backgroundColor = 'rgba(15, 15, 20, 0.85)';
    uiWrapper.style.padding = '20px 15px';
    uiWrapper.style.boxSizing = 'border-box';
    uiWrapper.style.display = 'flex';
    uiWrapper.style.flexDirection = 'column';
    uiWrapper.style.alignItems = 'center';
    uiWrapper.style.backdropFilter = 'blur(4px)'; // Slight blur for a modern look

    // Overlay Title
    const title = document.createElement('div');
    title.textContent = 'Universal Pictures Fanfare Audio Search';
    title.style.color = '#fff';
    title.style.fontSize = '18px';
    title.style.fontWeight = 'bold';
    title.style.margin = '0 0 15px 0';
    title.style.textShadow = '1px 1px 2px rgba(0,0,0,0.8)';
    uiWrapper.appendChild(title);
    
    // Button Container
    const btnContainer = document.createElement('div');
    btnContainer.style.display = 'flex';
    btnContainer.style.gap = '10px';
    btnContainer.style.flexWrap = 'wrap';
    btnContainer.style.justifyContent = 'center';

    // Helper function to create stylish buttons
    const createSearchButton = (buttonText, searchQuery) => {
        const btn = document.createElement('button');
        btn.innerHTML = `🔍 ${buttonText}`; // Magnifying glass emoji icon
        btn.style.padding = '10px 16px';
        btn.style.border = 'none';
        btn.style.borderRadius = '5px';
        btn.style.backgroundColor = '#f1c40f'; // Golden yellow reminiscent of classic search/movie UI
        btn.style.color = '#111';
        btn.style.fontSize = '14px';
        btn.style.fontWeight = 'bold';
        btn.style.cursor = 'pointer';
        btn.style.transition = 'background-color 0.2s, transform 0.1s';
        
        // Hover effects
        btn.onmouseover = () => {
            btn.style.backgroundColor = '#f39c12';
            btn.style.transform = 'scale(1.05)';
        };
        btn.onmouseout = () => {
            btn.style.backgroundColor = '#f1c40f';
            btn.style.transform = 'scale(1)';
        };
        
        // On click, open a YouTube search query since it's an "Audio Search Tool"
        btn.onclick = () => {
            const searchUrl = `https://www.youtube.com/results?search_query=${encodeURIComponent(searchQuery)}`;
            window.open(searchUrl, '_blank');
        };
        return btn;
    };

    // Add buttons dynamically based on the tool's description
    btnContainer.appendChild(createSearchButton('David Newman Fanfare', 'Universal Pictures David Newman Fanfare'));
    btnContainer.appendChild(createSearchButton('Jerry Goldsmith Fanfare', 'Universal Pictures Jerry Goldsmith Fanfare'));
    
    // Fallback/additional parameter custom search inclusion
    if (defaultSearchQuery && defaultSearchQuery !== "Universal Pictures Fanfare") {
        btnContainer.appendChild(createSearchButton(`Search: ${defaultSearchQuery}`, defaultSearchQuery));
    }

    uiWrapper.appendChild(btnContainer);
    container.appendChild(uiWrapper);

    return container;
}