// === SECTION 1: Global Helper Functions ===
function execCmd(command) { document.execCommand(command, false, null); }
function execCmdArg(command, value) { if (value || command === 'fontSize' || command === 'fontName') { document.execCommand(command, false, value); } }
// === END SECTION 1 ===

// === SECTION 2: Notes Pane Tab Logic ===
function showNotesTab(tabId, buttonElement) {
    const tabContents = document.querySelectorAll('#notesPane .notes-tab-content');
    tabContents.forEach(content => {
        content.classList.add('hidden-notes-content');
        content.style.display = 'none'; 
    });
    const tabButtons = document.querySelectorAll('#notesPane .notes-tab-button');
    tabButtons.forEach(button => {
        button.classList.remove('active-notes-tab');
    });

    const selectedTabContent = document.getElementById(tabId);
    if (selectedTabContent) {
        selectedTabContent.classList.remove('hidden-notes-content');
        selectedTabContent.style.display = 'block'; 
    }
    if (buttonElement) {
        buttonElement.classList.add('active-notes-tab');
    }
}
// === END SECTION 2 ===

document.addEventListener('DOMContentLoaded', function() {
    
    // === SECTION 0: SPLASH VIDEO LOGIC (Handles both video and static splash) ===
    const splashVideoContainer = document.getElementById('splash-box'); // This ID is for the main overlay div
    const splashVideoElement = document.getElementById('splashIntroVideo'); // This ID is for the <video> element itself
    const enterReportFromVideoButton = document.getElementById('enterReportFromVideoButton'); // This ID is for the button to close the splash video

    const hideSplashFunction = () => { 
        if (splashVideoContainer) {
            if (splashVideoElement && typeof splashVideoElement.pause === 'function' && !splashVideoElement.paused) { // Check if it's a video and playing
                splashVideoElement.pause(); // Stop video playback when hiding
            }
            splashVideoContainer.classList.add('hidden'); // Uses CSS opacity transition
            setTimeout(() => {
                if (splashVideoContainer.parentNode) {
                    splashVideoContainer.parentNode.removeChild(splashVideoContainer);
                }
            }, 500); // Should match your CSS transition time for #splash-box.hidden opacity
        }
    };

    if (splashVideoContainer) { // Check if the main splash container exists
        if (splashVideoElement && enterReportFromVideoButton) {
            // This block executes if all elements for a VIDEO splash are present
            console.log("Splash Video elements found. Initializing video dismissal logic.");
            enterReportFromVideoButton.addEventListener('click', hideSplashFunction);

            document.addEventListener('keydown', function(event) {
                if (event.key === 'Escape' && !splashVideoContainer.classList.contains('hidden')) {
                    hideSplashFunction();
                }
            });

        } else { 
            // This block executes if specific video elements (video tag or button) are NOT found,
            // so it's treated as a static text/image splash box.
            console.log("Static Splash Box container found (or video elements missing). Initializing simple click dismissal for the container.");
            splashVideoContainer.addEventListener('click', hideSplashFunction); // Click anywhere on the static splash to hide
            
            // Optional: Still allow Escape key for static splash
            document.addEventListener('keydown', function(event) {
                if (event.key === 'Escape' && !splashVideoContainer.classList.contains('hidden')) {
                    hideSplashFunction();
                }
            });
        }
    }
    // === END SECTION 0 ===
    
    // === SECTION 3: DOM Content Loaded - Initialization & Tabindex Setup ===
    const toolbar = document.getElementById('toolbar');
    const editableElements = document.querySelectorAll('[contenteditable="true"]');
    let toolbarInteractionFlag = false; 
    let currentFocusedEditor = null;

    editableElements.forEach(el => { if (!el.hasAttribute('tabindex')) { el.setAttribute('tabindex', '0'); } });
    // === END SECTION 3 ===
    
    // === SECTION 4: DOM Content Loaded - Toolbar Logic for Non-Main Content Editables ===
    editableElements.forEach(editor => {
        if (editor.id === 'toolbar' || (toolbar && toolbar.contains(editor)) || 
            editor.closest('.summary-pin-icon') || editor.closest('.collapse-icon') ||  editor.closest('.hide-summary-button') ||
            (editor.tagName === 'H2' && editor.classList.contains('collapsible-trigger') && !editor.classList.contains('title-text')) ||
            (editor.closest('#leftSidebar') && 
                !editor.classList.contains('query-topic') && 
                !editor.classList.contains('source-title') && 
                !editor.closest('#leftSidebar h3') && 
                !editor.id.startsWith('navPaneLinks') && 
                !editor.closest('.action-buttons') && 
                !editor.id.startsWith('save_file_note_generic_sidebar') &&
                !editor.closest('#source_list_generic_sidebar li div.disclaimer') 
            ) ||
            (editor.closest('#notesPane') && 
                editor.id !== 'notesEditor' && 
                editor.id !== 'aceNotesContent' && 
                !editor.closest('.notes-tab-button')
            )
           ) {
            if ((editor.classList.contains('query-topic') || editor.classList.contains('source-title') || editor.closest('#leftSidebar h3') || editor.classList.contains('general-perspective-title')) && toolbar) {
                editor.addEventListener('focus', () => { toolbar.style.display = 'block'; currentFocusedEditor = editor; toolbarInteractionFlag = false; });
                editor.addEventListener('blur', () => { 
                    setTimeout(() => { 
                     if (!toolbarInteractionFlag && !toolbar.contains(document.activeElement) && !(currentFocusedEditor && currentFocusedEditor.contains(document.activeElement))) {
                         let editorStillHasFocus = Array.from(editableElements).some(ed => document.activeElement === ed || ed.contains(document.activeElement));
                         if(!editorStillHasFocus && !toolbar.contains(document.activeElement)) { toolbar.style.display = 'none'; }
                     }
                    }, 200); 
                });
            }
            return; 
        }
        if (editor.classList.contains('title-text') && editor.closest('h2.collapsible-trigger')) {
             editor.addEventListener('focus', () => { toolbar.style.display = 'block'; currentFocusedEditor = editor; toolbarInteractionFlag = false; });
             editor.addEventListener('blur', () => { 
                setTimeout(() => { 
                    if (!toolbarInteractionFlag && !toolbar.contains(document.activeElement) && !(currentFocusedEditor && currentFocusedEditor.contains(document.activeElement))) {
                         let editorStillHasFocus = Array.from(editableElements).some(ed => document.activeElement === ed || ed.contains(document.activeElement));
                         if(!editorStillHasFocus && !toolbar.contains(document.activeElement)) { toolbar.style.display = 'none'; }
                     }
                 }, 200); 
                });
             return; 
        }
    // === END SECTION 4 ===

    // === SECTION 5: DOM Content Loaded - Toolbar Focus/Blur Logic for Main Content Editables & Notes ===
        if (toolbar) { 
            editor.addEventListener('focus', () => {
                if ((editor.id === 'notesEditor' && document.getElementById('myNotesContent') && document.getElementById('myNotesContent').classList.contains('hidden-notes-content')) ||
                    (editor.id === 'aceNotesContent' && document.getElementById('aceNotesContent') && document.getElementById('aceNotesContent').classList.contains('hidden-notes-content'))) {
                    // Toolbar should not show if the notes tab content area is hidden
                } else {
                    toolbar.style.display = 'block'; 
                }
                currentFocusedEditor = editor; 
                toolbarInteractionFlag = false;
            });
            
            editor.addEventListener('blur', () => { 
                setTimeout(() => {
                    if (!toolbarInteractionFlag && !toolbar.contains(document.activeElement)) {
                        let anotherEditorHasFocus = Array.from(editableElements).some(el => 
                            el !== editor && 
                            ( 
                                ( 
                                    el.id === 'notesEditor' || el.id === 'aceNotesContent' ||
                                    ( 
                                        el.closest('.collapsible-content-main p') || 
                                        el.closest('.collapsible-content-main ul:not(.general-perspective-summary ul)') || 
                                        el.closest('.bullet-summary-content ul') || 
                                        el.closest('.general-perspective-summary ul')
                                    ) && 
                                    !el.closest('h2.collapsible-trigger > span:not(.title-text)')
                                ) || 
                                el.classList.contains('query-topic') ||  
                                el.classList.contains('source-title') ||
                                el.closest('#leftSidebar h3') || 
                                el.classList.contains('general-perspective-title') ||
                                el.id.startsWith('prepared_by_line_generic') || 
                                el.id.startsWith('documentMainTitleL2') || 
                                el.id.startsWith('documentSubtitleL2') ||
                                el.id.startsWith('headerReportTitleL1') || 
                                el.closest('.footer span[contenteditable="true"]')
                            ) && 
                            (el === document.activeElement || el.contains(document.activeElement))
                        );
                         if (!anotherEditorHasFocus || 
                             (currentFocusedEditor && currentFocusedEditor.id === 'notesEditor' && document.getElementById('myNotesContent') && document.getElementById('myNotesContent').classList.contains('hidden-notes-content')) || 
                             (currentFocusedEditor && currentFocusedEditor.id === 'aceNotesContent' && document.getElementById('aceNotesContent') && document.getElementById('aceNotesContent').classList.contains('hidden-notes-content')) ) {
                             toolbar.style.display = 'none';
                         }
                    }
                    if (document.activeElement !== editor && !toolbar.contains(document.activeElement)) { currentFocusedEditor = null; }
                    toolbarInteractionFlag = false; 
                }, 200); 
            }); 
        }
    }); 
    // === END SECTION 5 ===

    // === SECTION 6: DOM Content Loaded - Timestamp & Theme Logic ===
    const timestampFooterEl = document.getElementById('timestamp_footer_generic');
    if (timestampFooterEl) {
        timestampFooterEl.textContent = new Date().toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit' });
    }

    const body = document.body;
    const darkModeButton = document.getElementById('darkModeButtonGeneric'); 

    function applyTheme() { 
         if (localStorage.getItem('theme') === 'dark') { 
            body.classList.add('dark-mode');
            if(darkModeButton) darkModeButton.textContent = "Light Mode";
        } else {
            body.classList.remove('dark-mode');
            if(darkModeButton) darkModeButton.textContent = "Dark Mode";
        }
    }
    applyTheme(); 
    if(darkModeButton){ 
        darkModeButton.addEventListener('click', function() {
            body.classList.toggle('dark-mode');
            if (body.classList.contains('dark-mode')) {
                darkModeButton.textContent = "Light Mode";
                localStorage.setItem('theme', 'dark'); 
            } else {
                darkModeButton.textContent = "Dark Mode";
                localStorage.setItem('theme', 'light'); 
            }
        });
    }
    // === END SECTION 6 ===
    
    // === SECTION 7: DOM Content Loaded - Pane Toggling Logic & Default Notes Tab ===
    const notesToggleButton = document.getElementById('toggleNotesButtonGeneric');
    const leftSidebarToggleButton = document.getElementById('toggleLeftSidebarButton');
    const notesPane = document.getElementById('notesPane');
    const leftSidebar = document.getElementById('leftSidebar');

    window.toggleNotesPaneGeneric = function() { 
        if (notesPane) {
            const isHidden = notesPane.classList.toggle('hidden-via-js');
            notesPane.style.display = isHidden ? 'none' : 'flex'; 
            if(notesToggleButton) notesToggleButton.textContent = isHidden ? "Show Notes" : "Hide Notes";
        }
    }
    if(notesToggleButton) { 
        notesToggleButton.onclick = toggleNotesPaneGeneric;
        if (notesPane && !notesPane.classList.contains('hidden-via-js') && notesPane.style.display !== 'none') { 
             notesToggleButton.textContent = "Hide Notes";
        } else if (notesPane) {
             notesToggleButton.textContent = "Show Notes";
             if(notesPane.classList.contains('hidden-via-js')) { notesPane.style.display = 'none';}
        }
    }
    
    const aceNotesTabButton = document.getElementById('aceNotesTabButton');
    if (aceNotesTabButton && typeof showNotesTab === 'function') { 
      showNotesTab('aceNotesContent', aceNotesTabButton);
    }

    window.toggleLeftSidebarGeneric = function() {
        if (leftSidebar) {
            const isHidden = leftSidebar.classList.toggle('hidden-via-js');
            leftSidebar.style.display = isHidden ? 'none' : 'flex'; 
            if(leftSidebarToggleButton) leftSidebarToggleButton.textContent = isHidden ? "Show Nav/Links" : "Hide Nav/Links";
        }
    }
    if(leftSidebarToggleButton) {
        leftSidebarToggleButton.onclick = toggleLeftSidebarGeneric;
         if (leftSidebar && !leftSidebar.classList.contains('hidden-via-js') && leftSidebar.style.display !== 'none' ) {
             leftSidebarToggleButton.textContent = "Hide Nav/Links";
        } else if (leftSidebar) {
             leftSidebarToggleButton.textContent = "Show Nav/Links";
             if(leftSidebar.classList.contains('hidden-via-js')) { leftSidebar.style.display = 'none';} 
        }
    }
    // === END SECTION 7 ===

    // === SECTION 8: DOM Content Loaded - Navigation Pane & Collapsible Section Logic ===
    const allCollapsibleTriggers = document.querySelectorAll('.main-content-area h2.collapsible-trigger');
    function buildNavPane() {
        const navPaneLinksUl = document.getElementById('navPaneLinks');
        if (!navPaneLinksUl) return;
        navPaneLinksUl.innerHTML = ''; 
        allCollapsibleTriggers.forEach((trigger) => {
            const sectionTitleElement = trigger.querySelector('.title-text');
            const sectionTitle = sectionTitleElement ? sectionTitleElement.textContent.trim() : 'Unnamed Section';
            const sectionId = trigger.id; 
            
            if (sectionId) {
                const listItem = document.createElement('li');
                listItem.setAttribute('contenteditable', 'false');
                const link = document.createElement('a');
                link.href = `#${sectionId}`;
                link.textContent = sectionTitle;
                link.setAttribute('contenteditable', 'false');
                link.onclick = function(e) {
                    e.preventDefault();
                    const targetElement = document.getElementById(sectionId);
                    if (targetElement) {
                        targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
                        const mainContentDiv = document.getElementById(trigger.dataset.sectionId);
                        const bulletSummaryDiv = document.getElementById(trigger.dataset.summaryId);

                        if(mainContentDiv && (mainContentDiv.style.display === 'none')) { 
                            mainContentDiv.style.display = 'block'; 
                            if (trigger && trigger.classList) trigger.classList.remove('collapsed'); 
                             const icon = trigger ? trigger.querySelector('.collapse-icon') : null;
                             if(icon) icon.textContent = '▼';
                             
                            if (bulletSummaryDiv && bulletSummaryDiv.style.display !== 'none') {
                                bulletSummaryDiv.style.display = 'none';
                                bulletSummaryDiv.classList.remove('summary-visible');
                                bulletSummaryDiv.classList.add('summary-hidden');
                            }
                        }
                    }
                };
                listItem.appendChild(link);
                navPaneLinksUl.appendChild(listItem);
            }
        });
    }
    
    allCollapsibleTriggers.forEach(trigger => {
        const mainContentId = trigger.dataset.sectionId;
        const bulletSummaryId = trigger.dataset.summaryId;
        const mainContentDiv = document.getElementById(mainContentId);
        const bulletSummaryDiv = document.getElementById(bulletSummaryId);
        const pinIcon = trigger.querySelector('.summary-pin-icon');
        const collapseIcon = trigger.querySelector('.collapse-icon');
        const hideSummaryButton = bulletSummaryDiv ? bulletSummaryDiv.querySelector('.hide-summary-button') : null;

        if (mainContentDiv) mainContentDiv.style.display = 'none'; 
        if (bulletSummaryDiv) {
            bulletSummaryDiv.style.display = 'none'; 
            bulletSummaryDiv.classList.add('summary-hidden');
            bulletSummaryDiv.classList.remove('summary-visible');
        }
        if (trigger && trigger.classList) trigger.classList.add('collapsed'); 
        if(collapseIcon) collapseIcon.textContent = '▶';

        if (trigger) { 
            trigger.addEventListener('click', function(event) {
                if (event.target.classList.contains('summary-pin-icon') || 
                    (event.target.parentElement && event.target.parentElement.classList.contains('summary-pin-icon')) ||
                    (event.target.classList.contains('title-text') && document.activeElement === event.target && event.target.isContentEditable) ) {
                    return; 
                }
                if (mainContentDiv) {
                    const isMainHidden = mainContentDiv.style.display === 'none';
                    mainContentDiv.style.display = isMainHidden ? 'block' : 'none';
                    if (this.classList) this.classList.toggle('collapsed', !isMainHidden);
                    if(collapseIcon) collapseIcon.textContent = isMainHidden ? '▼' : '▶';
                    
                    if (isMainHidden && bulletSummaryDiv && bulletSummaryDiv.style.display !== 'none') {
                        bulletSummaryDiv.style.display = 'none';
                        bulletSummaryDiv.classList.remove('summary-visible');
                        bulletSummaryDiv.classList.add('summary-hidden');
                    }
                }
            });
        }

        if (pinIcon && bulletSummaryDiv) {
            pinIcon.addEventListener('click', function(event) {
                event.stopPropagation();
                
                let targetDisplayOnShow = 'block';
                if (bulletSummaryDiv.classList.contains('summary-with-image-right') || bulletSummaryDiv.classList.contains('summary-with-image-left')) {
                    targetDisplayOnShow = 'flex';
                }

                if (bulletSummaryDiv.style.display === 'none') { 
                    bulletSummaryDiv.style.display = targetDisplayOnShow;
                    bulletSummaryDiv.classList.remove('summary-hidden');
                    bulletSummaryDiv.classList.add('summary-visible');

                    if (mainContentDiv && mainContentDiv.style.display !== 'none') {
                        mainContentDiv.style.display = 'none';
                        if (trigger && trigger.classList) trigger.classList.add('collapsed');
                        const localCollapseIcon = trigger ? trigger.querySelector('.collapse-icon') : null; 
                        if (localCollapseIcon) localCollapseIcon.textContent = '▶';
                    }
                } else { 
                    bulletSummaryDiv.style.display = 'none';
                    bulletSummaryDiv.classList.remove('summary-visible');
                    bulletSummaryDiv.classList.add('summary-hidden');
                }
            });
        }

        if (hideSummaryButton) { 
            hideSummaryButton.addEventListener('click', function(event) {
                event.stopPropagation(); 
                const summaryBoxToHide = this.closest('.bullet-summary-content');
                if (summaryBoxToHide) {
                    summaryBoxToHide.style.display = 'none'; 
                    summaryBoxToHide.classList.remove('summary-visible');
                    summaryBoxToHide.classList.add('summary-hidden');
                }
            });
        }
    });
    // === END SECTION 8 ===
    
    // === SECTION 9: DOM Content Loaded - Global Expand/Collapse Logic ===
    const expandAllButton = document.getElementById('expandAllSectionsGeneric');
    const collapseAllButton = document.getElementById('collapseAllSectionsGeneric');
    
    if (expandAllButton) {
        expandAllButton.addEventListener('click', function() {
            allCollapsibleTriggers.forEach(trigger => {
                const mainContentDiv = document.getElementById(trigger.dataset.sectionId);
                const bulletSummaryDiv = document.getElementById(trigger.dataset.summaryId);
                const collapseIcon = trigger.querySelector('.collapse-icon');
                
                if (mainContentDiv) mainContentDiv.style.display = 'block';
                if (bulletSummaryDiv) { 
                    bulletSummaryDiv.style.display = 'none'; 
                    bulletSummaryDiv.classList.remove('summary-visible'); 
                    bulletSummaryDiv.classList.add('summary-hidden');
                }
                if (trigger && trigger.classList) trigger.classList.remove('collapsed');
                if(collapseIcon) collapseIcon.textContent = '▼';
            });
        });
    }

    if (collapseAllButton) {
        collapseAllButton.addEventListener('click', function() {
            allCollapsibleTriggers.forEach(trigger => {
                const mainContentDiv = document.getElementById(trigger.dataset.sectionId);
                const bulletSummaryDiv = document.getElementById(trigger.dataset.summaryId);
                const collapseIcon = trigger.querySelector('.collapse-icon');

                if (mainContentDiv) mainContentDiv.style.display = 'none';
                if (bulletSummaryDiv) { 
                    bulletSummaryDiv.style.display = 'none';
                    bulletSummaryDiv.classList.remove('summary-visible'); 
                    bulletSummaryDiv.classList.add('summary-hidden');
                }
                if (trigger && trigger.classList) trigger.classList.add('collapsed');
                if(collapseIcon) collapseIcon.textContent = '▶';
            });
        });
    }
    // === END SECTION 9 ===
    
    // === SECTION 10: DOM Content Loaded - Print Logic ===
     window.customPrintGeneric = function() {
        const onScreenNotesPane = document.getElementById('notesPane');
        const aceNotesContentArea = document.getElementById('aceNotesContent');
        const myNotesEditor = document.getElementById('notesEditor');
        const printableNotesContentDiv = document.getElementById('printableNotesContent');
        const printableNotesSectionDiv = document.getElementById('printableNotesSection');

        let notesToPrintHTML = "";
        let notesAreVisibleOnScreen = (onScreenNotesPane && window.getComputedStyle(onScreenNotesPane).display !== 'none' && !onScreenNotesPane.classList.contains('hidden-via-js'));
        let activeTabContent = null;
        let activeTabHasMeaningfulContent = false;

        if (notesAreVisibleOnScreen) {
            const localAceNotesTabButton = document.getElementById('aceNotesTabButton'); 
            const myNotesTabButton = document.getElementById('myNotesTabButton');

            if (localAceNotesTabButton && localAceNotesTabButton.classList.contains('active-notes-tab')) {
                activeTabContent = aceNotesContentArea; 
            } else if (myNotesTabButton && myNotesTabButton.classList.contains('active-notes-tab')) {
                activeTabContent = myNotesEditor;
            }

            if (activeTabContent) {
                const contentHTML = activeTabContent.innerHTML;
                const pureTextContent = activeTabContent.textContent || activeTabContent.innerText || "";
                
                const aceNotesDefaultPattern1 = /<h4>Welcome to Your L4 v1 Interactive Report Shell!.*?<\/h4>/i; 
                const myNotesDefaultPattern = /<em>\[\[L5: Begin your personal notes for the L4 v1 Template Shell here...]]<\/em>/i;
                // More generic check for E³P³ report default notes
                const e3p3WelcomePattern = /<h4>Welcome to the "Mastering AI Collaboration" Report!<\/h4>/i;


                let isDefaultContent = false;
                if (activeTabContent.id === 'aceNotesContent' || activeTabContent.id === 'aceNotesContentArea') { 
                    isDefaultContent = (aceNotesDefaultPattern1.test(contentHTML) || e3p3WelcomePattern.test(contentHTML)) && 
                                       contentHTML.includes("How to Use This") && // Common phrase in both default notes
                                       (pureTextContent.replace(aceNotesDefaultPattern1.exec(pureTextContent)?.[0] || "", "").replace(e3p3WelcomePattern.exec(pureTextContent)?.[0] || "", "").replace(/How to Use This Report:|Ace's Contextual Comments for this Template Shell:|How to Use This Interactive Report:|Ace's Contextual Comments for This Report:/ig,"").replace(/<[^>]*>/g, '').trim().length < 300); // Increased length slightly for E3P3 notes
                } else if (activeTabContent.id === 'notesEditor') {
                    isDefaultContent = myNotesDefaultPattern.test(contentHTML) || (pureTextContent.trim() === "[[L5: Begin your personal notes for the L4 v1 Template Shell here...]]") || (pureTextContent.trim() === "[[L5: Begin your personal notes for the \"Mastering AI Collaboration\" report here...]]");
                }
                
                if (pureTextContent.trim() !== "" && !isDefaultContent && contentHTML.trim() !== "<p><br data-mce-bogus=\"1\"></p>" && contentHTML.trim() !== "<p><br></p>" && contentHTML.trim() !== "<br>") {
                    activeTabHasMeaningfulContent = true;
                    notesToPrintHTML = contentHTML;
                }
            }
        }

        if (printableNotesSectionDiv) {
            if (notesAreVisibleOnScreen && activeTabHasMeaningfulContent && printableNotesContentDiv) {
                printableNotesContentDiv.innerHTML = notesToPrintHTML;
                printableNotesSectionDiv.style.display = 'block'; 
            } else {
                if (printableNotesContentDiv) { printableNotesContentDiv.innerHTML = ""; }
                printableNotesSectionDiv.style.display = 'none'; 
            }
        }
        window.print();
    }
    const printButton = document.getElementById('printButtonGeneric'); 
    if(printButton) { printButton.onclick = customPrintGeneric; }
    // === END SECTION 10 ===

    // === SECTION 11: DOM Content Loaded - Save File Logic ===
     window.saveFileHTMLGeneric = function() { 
        try {
            const tempSplash = document.getElementById('splash-box');
            let splashHiddenForSave = false;
            if (tempSplash && tempSplash.style.display !== 'none' && !tempSplash.classList.contains('hidden')) {
                 // If a splash is visible, temporarily hide IT for saving, not remove from DOM
                 // This might be less relevant if it's removed from DOM on hide anyway
            }

            const pageHTML = document.documentElement.outerHTML;
            const blob = new Blob([pageHTML], { type: 'text/html' });
            const url = URL.createObjectURL(blob);
            const a = document.createElement('a');
            a.href = url;
            let pageTitleElement = document.getElementById('headerReportTitleL1');
            let pageL2TitleElement = document.getElementById('documentMainTitleL2');
            let pageTitle = pageTitleElement ? pageTitleElement.textContent.trim() : "Report";
            let pageL2Title = pageL2TitleElement ? pageL2TitleElement.textContent.trim() : "Details";

            let baseFileName = (pageTitle + "_" + pageL2Title).replace(/[^a-z0-9_.-]/gi, '_').toLowerCase();
            if (baseFileName === "_" || baseFileName === "") baseFileName = "interactive_report";
            let fileName = baseFileName + "_interactive_report.html";
            
            a.download = fileName; 
            document.body.appendChild(a);
            a.click();
            document.body.removeChild(a);
            URL.revokeObjectURL(url);

        } catch (e) {
            console.error("Error saving file:", e);
            alert("Could not save the file. Your browser may not support this feature or there was an error. Try File > Save Page As.");
        }
    }
    const downloadButton = document.getElementById('downloadButtonGeneric');
    if(downloadButton) { downloadButton.onclick = saveFileHTMLGeneric; }
    // === END SECTION 11 ===
    
    // === SECTION 12: DOM Content Loaded - Final Initializations (Color Pickers, Nav Pane Build) ===
    const foreColorPicker = document.getElementById('foreColorPickerGeneric');
    if (foreColorPicker) { foreColorPicker.value = '#000000'; } 
    const hiliteColorPicker = document.getElementById('hiliteColorPickerGeneric');
    if (hiliteColorPicker) { hiliteColorPicker.value = '#FFFF00'; } 
    
    if (typeof buildNavPane === 'function') { buildNavPane(); } 
    // === END SECTION 12 ===

    console.log("L4 Report Scripts Initialized (v1.2 - E³P³ Report with Splash Video Logic)");
}); // Closes DOMContentLoaded