diff --git a/src/sidebar/SidebarSettings.ts b/src/sidebar/SidebarSettings.ts
index 304c549..1958d3c 100644
--- a/src/sidebar/SidebarSettings.ts
+++ b/src/sidebar/SidebarSettings.ts
@@ -281,10 +281,16 @@ function createSection(title: string, defaultCollapsed: boolean = false): { sect
 
     const body = document.createElement('div');
     body.className = `magnify-sidebar-section-body${collapsed ? ' collapsed' : ''}`;
+    // Apply inline style to prevent flash before CSS loads
+    if (collapsed) {
+        body.style.display = 'none';
+    }
 
     header.addEventListener('click', () => {
         const isCollapsed = header.classList.toggle('collapsed');
         body.classList.toggle('collapsed');
+        // Also toggle inline style for immediate effect
+        body.style.display = isCollapsed ? 'none' : '';
         // Save the new state
         saveSectionState(title, isCollapsed);
     });
diff --git a/src/sidebar/sidebar.ts b/src/sidebar/sidebar.ts
index dbb5236..2a2f040 100644
--- a/src/sidebar/sidebar.ts
+++ b/src/sidebar/sidebar.ts
@@ -19,30 +19,41 @@ let sidebarRegistered = false;
 /**
  * Load sidebar CSS
  */
-function loadSidebarStyles(): void {
-    if (!document.getElementById('magnify-sidebar-styles')) {
-        const link = document.createElement('link');
-        link.id = 'magnify-sidebar-styles';
-        link.rel = 'stylesheet';
-        link.type = 'text/css';
-        link.href = 'extensions/comfyui-magnifyglass/sidebar.css';
-        document.head.appendChild(link);
+function loadSidebarStyles(onLoaded?: () => void): void {
+    const existingLink = document.getElementById('magnify-sidebar-styles') as HTMLLinkElement;
+
+    if (existingLink) {
+        // Already exists, call callback immediately
+        if (onLoaded) onLoaded();
+        return;
     }
+
+    const link = document.createElement('link');
+    link.id = 'magnify-sidebar-styles';
+    link.rel = 'stylesheet';
+    link.type = 'text/css';
+    link.href = 'extensions/comfyui-magnifyglass/sidebar.css';
+
+    if (onLoaded) {
+        link.onload = onLoaded;
+        link.onerror = onLoaded; // Still show content even if CSS fails
+    }
+
+    document.head.appendChild(link);
 }
 
 /**
  * Render the sidebar content
  */
 function renderSidebar(container: HTMLElement): void {
-    // Load styles
-    loadSidebarStyles();
-
     // Clear existing content to prevent duplicates
     container.innerHTML = '';
 
-    // Create main container
+    // Create main container (hidden initially to prevent flash of unstyled content)
     const sidebar = document.createElement('div');
     sidebar.className = 'magnify-sidebar';
+    sidebar.style.visibility = 'hidden';
+    sidebar.style.opacity = '0';
 
     // Header
     const header = document.createElement('div');
@@ -59,6 +70,16 @@ function renderSidebar(container: HTMLElement): void {
 
     sidebar.appendChild(content);
     container.appendChild(sidebar);
+
+    // Load styles and show sidebar after loaded
+    loadSidebarStyles(() => {
+        // Small delay to ensure styles are applied
+        requestAnimationFrame(() => {
+            sidebar.style.visibility = 'visible';
+            sidebar.style.opacity = '1';
+            sidebar.style.transition = 'opacity 0.1s ease-in';
+        });
+    });
 }
 
 /**
diff --git a/web/sidebar/SidebarSettings.js b/web/sidebar/SidebarSettings.js
index 90f751f..c548691 100644
--- a/web/sidebar/SidebarSettings.js
+++ b/web/sidebar/SidebarSettings.js
@@ -153,9 +153,13 @@ function createSection(title, defaultCollapsed = false) {
   header.innerHTML = `${Icons.chevronDown}<span>${title}</span>`;
   const body = document.createElement("div");
   body.className = `magnify-sidebar-section-body${collapsed ? " collapsed" : ""}`;
+  if (collapsed) {
+    body.style.display = "none";
+  }
   header.addEventListener("click", () => {
     const isCollapsed = header.classList.toggle("collapsed");
     body.classList.toggle("collapsed");
+    body.style.display = isCollapsed ? "none" : "";
     saveSectionState(title, isCollapsed);
   });
   section.appendChild(header);
diff --git a/web/sidebar/SidebarSettings.js.map b/web/sidebar/SidebarSettings.js.map
index eb9ac21..98d11da 100644
--- a/web/sidebar/SidebarSettings.js.map
+++ b/web/sidebar/SidebarSettings.js.map
@@ -1 +1 @@
-{"version":3,"file":"SidebarSettings.js","sources":["../../src/sidebar/SidebarSettings.ts"],"sourcesContent":["/**\n * ComfyUI MagnifyGlass - Sidebar Settings Panel\n * \n * All settings controls for the sidebar.\n */\n\n// @ts-ignore\nimport { app } from \"/scripts/app.js\";\nimport {\n    GLASS_POSITIONS,\n    GLASS_SHAPES,\n    ACTIVATION_KEYS,\n    RESET_KEYS,\n    TOGGLE_FOLLOW_KEYS,\n    PANEL_POSITIONS\n} from '../shared/constants';\n\n/**\n * Icons for the settings panel\n */\nconst Icons = {\n    chevronDown: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>`,\n    reset: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"1 4 1 10 7 10\"></polyline><path d=\"M3.51 15a9 9 0 1 0 2.13-9.36L1 10\"></path></svg>`,\n};\n\n/**\n * Create a slider control with tooltip\n */\n/**\n * Create a slider control with tooltip\n */\nfunction createSlider(\n    label: string,\n    value: number,\n    min: number,\n    max: number,\n    step: number,\n    unit: string,\n    onChange: (value: number) => void,\n    tooltip?: string,\n    onInput?: (value: number) => void\n): HTMLElement {\n    const row = document.createElement('div');\n    row.className = 'magnify-control-row';\n    if (tooltip) row.title = tooltip;\n\n    const labelRow = document.createElement('div');\n    labelRow.className = 'magnify-control-label-row';\n\n    const labelEl = document.createElement('label');\n    labelEl.textContent = label;\n\n    const valueEl = document.createElement('span');\n    valueEl.className = 'control-value';\n    valueEl.textContent = `${value}${unit}`;\n\n    labelRow.appendChild(labelEl);\n    labelRow.appendChild(valueEl);\n\n    const slider = document.createElement('input');\n    slider.type = 'range';\n    slider.className = 'magnify-slider';\n    slider.min = String(min);\n    slider.max = String(max);\n    slider.step = String(step);\n    slider.value = String(value);\n\n    // Prevent ComfyUI from capturing mouse events during drag\n    slider.addEventListener('mousedown', (e) => e.stopPropagation());\n    slider.addEventListener('touchstart', (e) => e.stopPropagation());\n    slider.addEventListener('pointerdown', (e) => e.stopPropagation());\n\n    slider.addEventListener('input', (e) => {\n        e.stopPropagation();\n        const newValue = parseFloat(slider.value);\n        valueEl.textContent = `${newValue}${unit}`;\n        if (onInput) onInput(newValue);\n    });\n\n    slider.addEventListener('change', (e) => {\n        e.stopPropagation();\n        const newValue = parseFloat(slider.value);\n        onChange(newValue);\n    });\n\n    row.appendChild(labelRow);\n    row.appendChild(slider);\n\n    return row;\n}\n\n/**\n * Create a toggle control with tooltip\n */\nfunction createToggle(\n    label: string,\n    checked: boolean,\n    onChange: (checked: boolean) => void,\n    tooltip?: string\n): HTMLElement {\n    const row = document.createElement('div');\n    row.className = 'magnify-toggle-row';\n    if (tooltip) row.title = tooltip;\n\n    const labelEl = document.createElement('label');\n    labelEl.textContent = label;\n\n    const toggle = document.createElement('div');\n    toggle.className = `magnify-toggle${checked ? ' active' : ''}`;\n\n    toggle.addEventListener('click', () => {\n        const isActive = toggle.classList.toggle('active');\n        onChange(isActive);\n    });\n\n    row.appendChild(labelEl);\n    row.appendChild(toggle);\n\n    return row;\n}\n\n/**\n * Create a select dropdown control with tooltip\n */\nfunction createSelect(\n    label: string,\n    value: string,\n    options: readonly string[] | string[],\n    onChange: (value: string) => void,\n    tooltip?: string,\n    onInput?: (value: string) => void\n): HTMLElement {\n    const row = document.createElement('div');\n    row.className = 'magnify-control-row';\n    if (tooltip) row.title = tooltip;\n\n    const labelEl = document.createElement('label');\n    labelEl.textContent = label;\n\n    const select = document.createElement('select');\n    select.className = 'magnify-select';\n\n    options.forEach(opt => {\n        const option = document.createElement('option');\n        option.value = opt;\n        option.textContent = opt;\n        if (opt === value) option.selected = true;\n        select.appendChild(option);\n    });\n\n    select.addEventListener('change', () => {\n        // Call onInput first for live preview\n        if (onInput) {\n            onInput(select.value);\n        }\n        // Then persist the setting\n        onChange(select.value);\n    });\n\n    row.appendChild(labelEl);\n    row.appendChild(select);\n\n    return row;\n}\n\n/**\n * Create a color picker control with tooltip\n */\n/**\n * Create a color picker control with tooltip\n */\nfunction createColorPicker(\n    label: string,\n    value: string,\n    onChange: (value: string) => void,\n    tooltip?: string,\n    onInput?: (value: string) => void\n): HTMLElement {\n    const row = document.createElement('div');\n    row.className = 'magnify-control-row magnify-color-row';\n    if (tooltip) row.title = tooltip;\n\n    const labelEl = document.createElement('label');\n    labelEl.textContent = label;\n\n    const colorWrapper = document.createElement('div');\n    colorWrapper.className = 'magnify-color-wrapper';\n\n    const colorInput = document.createElement('input');\n    colorInput.type = 'color';\n    colorInput.className = 'magnify-color-input';\n    colorInput.value = value;\n\n    const colorPreview = document.createElement('span');\n    colorPreview.className = 'magnify-color-preview';\n    colorPreview.textContent = value;\n\n    colorInput.addEventListener('input', () => {\n        colorPreview.textContent = colorInput.value;\n        if (onInput) onInput(colorInput.value);\n    });\n\n    colorInput.addEventListener('change', () => {\n        onChange(colorInput.value);\n    });\n\n    colorWrapper.appendChild(colorInput);\n    colorWrapper.appendChild(colorPreview);\n\n    row.appendChild(labelEl);\n    row.appendChild(colorWrapper);\n\n    return row;\n}\n\n/**\n * Get current MagnifyGlass settings from app.ui.settings\n */\nfunction getSettingValue(id: string, defaultValue: any): any {\n    try {\n        const value = app.ui.settings.getSettingValue(id);\n        return value !== undefined ? value : defaultValue;\n    } catch {\n        return defaultValue;\n    }\n}\n\n/**\n * Set a MagnifyGlass setting via app.ui.settings\n */\nfunction setSettingValue(id: string, value: any): void {\n    try {\n        app.ui.settings.setSettingValue(id, value);\n    } catch (e) {\n        console.warn(`Failed to set setting ${id}:`, e);\n    }\n}\n\n/** Storage key for section states */\nconst SECTION_STATE_KEY = 'magnifyglass-sidebar-sections';\n\n/**\n * Get saved section states from localStorage\n */\nfunction getSectionStates(): Record<string, boolean> {\n    try {\n        const saved = localStorage.getItem(SECTION_STATE_KEY);\n        return saved ? JSON.parse(saved) : {};\n    } catch {\n        return {};\n    }\n}\n\n/**\n * Save section state to localStorage\n */\nfunction saveSectionState(title: string, collapsed: boolean): void {\n    try {\n        const states = getSectionStates();\n        states[title] = collapsed;\n        localStorage.setItem(SECTION_STATE_KEY, JSON.stringify(states));\n    } catch {\n        // Ignore storage errors\n    }\n}\n\n/**\n * Create a collapsible section with persistent state\n */\nfunction createSection(title: string, defaultCollapsed: boolean = false): { section: HTMLElement; body: HTMLElement } {\n    const section = document.createElement('div');\n    section.className = 'magnify-sidebar-section';\n\n    // Check if we have a saved state for this section\n    const savedStates = getSectionStates();\n    const collapsed = savedStates[title] !== undefined ? savedStates[title] : defaultCollapsed;\n\n    const header = document.createElement('div');\n    header.className = `magnify-sidebar-section-header${collapsed ? ' collapsed' : ''}`;\n    header.innerHTML = `${Icons.chevronDown}<span>${title}</span>`;\n\n    const body = document.createElement('div');\n    body.className = `magnify-sidebar-section-body${collapsed ? ' collapsed' : ''}`;\n\n    header.addEventListener('click', () => {\n        const isCollapsed = header.classList.toggle('collapsed');\n        body.classList.toggle('collapsed');\n        // Save the new state\n        saveSectionState(title, isCollapsed);\n    });\n\n    section.appendChild(header);\n    section.appendChild(body);\n\n    return { section, body };\n}\n\n/**\n * Render the settings panel into the container\n */\nexport function renderSettingsPanel(container: HTMLElement): void {\n    // Get current hotkey values for tooltips\n    const activationKey = getSettingValue('🔍MagnifyGlass.ActivationKey', 'x').toUpperCase();\n    const resetKey = getSettingValue('🔍MagnifyGlass.ResetKey', 'o').toUpperCase();\n    const toggleFollowKey = getSettingValue('🔍MagnifyGlass.ToggleFollowCursorKey', 'h').toUpperCase();\n\n    // ===== Glass Settings Section =====\n    const glassSection = createSection('Glass Settings');\n\n    glassSection.body.appendChild(createSlider('Zoom Factor',\n        getSettingValue('🔍MagnifyGlass.ZoomFactor', 300), 100, 1000, 25, '%',\n        (value) => setSettingValue('🔍MagnifyGlass.ZoomFactor', value),\n        'Magnification level of the glass (100-1000%)',\n        (value) => {\n            const mg = (window as any).comfyUIMagnifyGlass;\n            if (mg?.config) {\n                mg.config.zoomFactor = value / 100;\n                if (mg.state.active) mg.updateMagnifiedView();\n            }\n        }\n    ));\n\n    glassSection.body.appendChild(createSlider('Glass Size',\n        getSettingValue('🔍MagnifyGlass.GlassSize', 250), 50, 500, 10, 'px',\n        (value) => setSettingValue('🔍MagnifyGlass.GlassSize', value),\n        'Size of the magnifying glass in pixels',\n        (value) => {\n            const mg = (window as any).comfyUIMagnifyGlass;\n            if (mg?.config) {\n                mg.config.glassSize = value;\n                mg.applyUiChanges();\n                if (mg.state.active) mg.updateMagnifiedView();\n            }\n        }\n    ));\n\n    glassSection.body.appendChild(createSelect('Shape',\n        getSettingValue('🔍MagnifyGlass.GlassShape', 'Rounded Square'), GLASS_SHAPES,\n        (value) => setSettingValue('🔍MagnifyGlass.GlassShape', value),\n        'Shape of the magnifying glass'\n    ));\n\n    glassSection.body.appendChild(createSelect('Position',\n        getSettingValue('🔍MagnifyGlass.GlassPosition', 'Top-Right'), GLASS_POSITIONS,\n        (value) => setSettingValue('🔍MagnifyGlass.GlassPosition', value),\n        `Default position of the glass. Press ${resetKey} to reset.`\n    ));\n\n    glassSection.body.appendChild(createSelect('Filtering',\n        getSettingValue('🔍MagnifyGlass.TextureFiltering', 'Linear'), ['Linear', 'Nearest'],\n        (value) => setSettingValue('🔍MagnifyGlass.TextureFiltering', value),\n        'Texture filtering: Linear (smooth) or Nearest (pixelated)'\n    ));\n\n    glassSection.body.appendChild(createSlider('Border Width',\n        getSettingValue('🔍MagnifyGlass.BorderWidth', 2), 0, 10, 0.5, 'px',\n        (value) => setSettingValue('🔍MagnifyGlass.BorderWidth', value),\n        'Width of the glass border in pixels',\n        (value) => {\n            const mg = (window as any).comfyUIMagnifyGlass;\n            if (mg?.config) {\n                mg.config.borderWidth = value;\n                mg.applyUiChanges();\n            }\n        }\n    ));\n\n    glassSection.body.appendChild(createColorPicker('Border Color',\n        getSettingValue('🔍MagnifyGlass.BorderColor', '#ffffff'),\n        (value) => setSettingValue('🔍MagnifyGlass.BorderColor', value),\n        'Color of the glass border',\n        (value) => {\n            const mg = (window as any).comfyUIMagnifyGlass;\n            if (mg?.config) {\n                mg.config.borderColor = value;\n                mg.applyUiChanges();\n            }\n        }\n    ));\n\n    glassSection.body.appendChild(createToggle('Show Border',\n        getSettingValue('🔍MagnifyGlass.BorderEnabled', true),\n        (checked) => setSettingValue('🔍MagnifyGlass.BorderEnabled', checked),\n        'Show or hide the glass border'\n    ));\n\n    glassSection.body.appendChild(createToggle('Follow Cursor',\n        getSettingValue('🔍MagnifyGlass.FollowCursor', false),\n        (checked) => setSettingValue('🔍MagnifyGlass.FollowCursor', checked),\n        `Glass follows the cursor. Hotkey: ${toggleFollowKey}`\n    ));\n\n    glassSection.body.appendChild(createToggle('Always Active Mode',\n        getSettingValue('🔍MagnifyGlass.AlwaysActiveMode', true),\n        (checked) => setSettingValue('🔍MagnifyGlass.AlwaysActiveMode', checked),\n        `When enabled, glass stays visible. Toggle with ${activationKey}`\n    ));\n\n    // The instruction implies this should be in glassSection, but the content suggests info panel.\n    // Placing it in glassSection as per instruction, assuming createToggle is intended.\n    // The condition `if (getSettingValue(\"🔍MagnifyGlass.InfoPanelEnabled\", true))` is removed\n    // as it doesn't make sense for a glass setting to depend on info panel being enabled.\n    // The tooltip and callback logic are kept as provided.\n    glassSection.body.appendChild(createToggle('Persist Info',\n        getSettingValue('🔍MagnifyGlass.InfoPanelPersist', false),\n        (checked) => {\n            setSettingValue('🔍MagnifyGlass.InfoPanelPersist', checked);\n            // Sync with UI controls if needed\n            const infoPanel = (window as any).infoPanelManager;\n            if (infoPanel?.uiManager) {\n                infoPanel.uiManager.updateControlStates();\n            }\n        }, 'Keep displaying the last node info when hovering empty space'\n    ));\n\n    container.appendChild(glassSection.section);\n\n    // ===== Hotkeys Section =====\n    const hotkeySection = createSection('Hotkeys', true);\n\n    hotkeySection.body.appendChild(createSelect('Activation Key',\n        getSettingValue('🔍MagnifyGlass.ActivationKey', 'x'), ACTIVATION_KEYS,\n        (value) => setSettingValue('🔍MagnifyGlass.ActivationKey', value),\n        'Key to toggle or hold to activate the magnifying glass'\n    ));\n\n    hotkeySection.body.appendChild(createSelect('Reset Key',\n        getSettingValue('🔍MagnifyGlass.ResetKey', 'o'), RESET_KEYS,\n        (value) => setSettingValue('🔍MagnifyGlass.ResetKey', value),\n        'Key to reset glass position and disable follow cursor'\n    ));\n\n    hotkeySection.body.appendChild(createSelect('Toggle Follow Key',\n        getSettingValue('🔍MagnifyGlass.ToggleFollowCursorKey', 'h'), TOGGLE_FOLLOW_KEYS,\n        (value) => setSettingValue('🔍MagnifyGlass.ToggleFollowCursorKey', value),\n        'Key to toggle follow cursor mode'\n    ));\n\n    hotkeySection.body.appendChild(createToggle('Require Alt Key',\n        getSettingValue('🔍MagnifyGlass.AltRequired', false),\n        (checked) => setSettingValue('🔍MagnifyGlass.AltRequired', checked),\n        'Require Alt key to be held with activation key'\n    ));\n\n    hotkeySection.body.appendChild(createSlider('Offset Step',\n        getSettingValue('🔍MagnifyGlass.OffsetStep', 10), 1, 50, 1, 'px',\n        (value) => setSettingValue('🔍MagnifyGlass.OffsetStep', value),\n        'Amount to move glass per arrow key press (pixels)'\n    ));\n\n    container.appendChild(hotkeySection.section);\n\n    // ===== Info Panel Section =====\n    const panelSection = createSection('Info Panel', true);\n\n    const toggleHotkey = getSettingValue('🔍MagnifyGlass.ToggleHotkey', 'i').toUpperCase();\n    const glassToggleKey = getSettingValue('🔍MagnifyGlass.GlassPreviewToggleHotkey', 'g').toUpperCase();\n    const pinHotkeyVal = getSettingValue('🔍MagnifyGlass.PinPanelHotkey', 'u').toUpperCase();\n\n    panelSection.body.appendChild(createToggle('Enable Panel',\n        getSettingValue('🔍MagnifyGlass.InfoPanelEnabled', true),\n        (checked) => setSettingValue('🔍MagnifyGlass.InfoPanelEnabled', checked),\n        `Show info panel with node details. Toggle: ${toggleHotkey}`\n    ));\n\n    panelSection.body.appendChild(createToggle('Persist Info',\n        getSettingValue('🔍MagnifyGlass.InfoPanelPersist', false),\n        (checked) => {\n            setSettingValue('🔍MagnifyGlass.InfoPanelPersist', checked);\n            // Sync with UI controls if needed\n            const infoPanel = (window as any).infoPanelManager;\n            if (infoPanel?.uiManager) {\n                infoPanel.uiManager.updateControlStates();\n            }\n        },\n        'Keep displaying the last node info when hovering empty space'\n    ));\n\n    panelSection.body.appendChild(createSelect('Position',\n        getSettingValue('🔍MagnifyGlass.InfoPanelPosition', 'Bottom'), PANEL_POSITIONS,\n        (value) => setSettingValue('🔍MagnifyGlass.InfoPanelPosition', value),\n        'Position of the info panel relative to the glass'\n    ));\n\n    panelSection.body.appendChild(createSlider('Width',\n        getSettingValue('🔍MagnifyGlass.InfoPanelWidth', 300), 200, 600, 20, 'px',\n        (value) => setSettingValue('🔍MagnifyGlass.InfoPanelWidth', value),\n        'Width of the info panel',\n        (value) => {\n            const infoPanel = (window as any).infoPanelManager;\n            if (infoPanel?.stateManager?.state?.settings) {\n                infoPanel.stateManager.state.settings['🔍MagnifyGlass.InfoPanelWidth'] = value;\n                infoPanel.uiManager.applyStyles();\n\n                // Ensure visible and reflow if active\n                if (infoPanel.magnifyGlass.state.active) {\n                    infoPanel.uiManager.show();\n                    infoPanel.positionManager.positionPanel();\n                }\n            }\n        }\n    ));\n\n    panelSection.body.appendChild(createSlider('Max Height',\n        getSettingValue('🔍MagnifyGlass.InfoPanelMaxHeight', 300), 200, 1500, 50, 'px',\n        (value) => setSettingValue('🔍MagnifyGlass.InfoPanelMaxHeight', value),\n        'Maximum height of the info panel',\n        (value) => {\n            console.log('[MaxHeight] Handler called with value:', value);\n            const infoPanel = (window as any).infoPanelManager;\n            console.log('[MaxHeight] infoPanelManager:', infoPanel ? 'found' : 'NOT FOUND');\n            if (infoPanel?.stateManager?.state?.settings) {\n                console.log('[MaxHeight] Updating setting and calling applyStyles');\n                infoPanel.stateManager.state.settings['🔍MagnifyGlass.InfoPanelMaxHeight'] = value;\n                infoPanel.uiManager.applyStyles();\n\n                // Ensure visible and reflow if active\n                if (infoPanel.magnifyGlass.state.active) {\n                    console.log('[MaxHeight] Glass is active, calling show() and positionPanel()');\n                    infoPanel.uiManager.show();\n                    infoPanel.positionManager.positionPanel();\n                } else {\n                    console.log('[MaxHeight] Glass is NOT active, skipping show()');\n                }\n            } else {\n                console.warn('[MaxHeight] Check failed - stateManager/state/settings missing');\n            }\n        }\n    ));\n\n    panelSection.body.appendChild(createSlider('Font Size',\n        getSettingValue('🔍MagnifyGlass.InfoPanelFontSize', 14), 8, 24, 1, 'px',\n        (value) => setSettingValue('🔍MagnifyGlass.InfoPanelFontSize', value),\n        'Font size of text in the info panel',\n        (value) => {\n            const infoPanel = (window as any).infoPanelManager;\n            if (infoPanel?.stateManager?.state?.settings) {\n                infoPanel.stateManager.state.settings['🔍MagnifyGlass.InfoPanelFontSize'] = value;\n                infoPanel.uiManager.applyStyles();\n            }\n        }\n    ));\n\n    panelSection.body.appendChild(createSlider('Opacity',\n        getSettingValue('🔍MagnifyGlass.InfoPanelOpacity', 95), 10, 100, 5, '%',\n        (value) => setSettingValue('🔍MagnifyGlass.InfoPanelOpacity', value),\n        'Background opacity of the info panel',\n        (value) => {\n            const infoPanel = (window as any).infoPanelManager;\n            if (infoPanel?.stateManager?.state?.settings) {\n                infoPanel.stateManager.state.settings['🔍MagnifyGlass.InfoPanelOpacity'] = value;\n                infoPanel.uiManager.applyStyles();\n            }\n        }\n    ));\n\n    const fontFamilyOptions = [\n        'System Default', 'Inter', 'Roboto', 'JetBrains Mono', 'Fira Code',\n        'IBM Plex Sans', 'Space Grotesk', 'Lexend', 'Outfit', 'monospace'\n    ];\n    panelSection.body.appendChild(createSelect('Font Family',\n        getSettingValue('🔍MagnifyGlass.InfoPanelFontFamily', 'System Default'), fontFamilyOptions,\n        (value) => setSettingValue('🔍MagnifyGlass.InfoPanelFontFamily', value),\n        'Font family for the info panel text',\n        (value) => {\n            const infoPanel = (window as any).infoPanelManager;\n            if (infoPanel?.stateManager?.state?.settings) {\n                infoPanel.stateManager.state.settings['🔍MagnifyGlass.InfoPanelFontFamily'] = value;\n                infoPanel.uiManager.applyStyles();\n            }\n        }\n    ));\n\n    panelSection.body.appendChild(createColorPicker('Text Color',\n        getSettingValue('🔍MagnifyGlass.InfoPanelTextColor', '#6b7280'),\n        (value) => setSettingValue('🔍MagnifyGlass.InfoPanelTextColor', value),\n        'Text color in the info panel',\n        (value) => {\n            const infoPanel = (window as any).infoPanelManager;\n            if (infoPanel?.stateManager?.state?.settings) {\n                infoPanel.stateManager.state.settings['🔍MagnifyGlass.InfoPanelTextColor'] = value;\n                infoPanel.uiManager.applyStyles();\n            }\n        }\n    ));\n\n    panelSection.body.appendChild(createColorPicker('Accent Color',\n        getSettingValue('🔍MagnifyGlass.InfoPanelAccentColor', '#3b82f6'),\n        (value) => setSettingValue('🔍MagnifyGlass.InfoPanelAccentColor', value),\n        'Accent color for highlights',\n        (value) => {\n            const infoPanel = (window as any).infoPanelManager;\n            if (infoPanel?.stateManager?.state?.settings) {\n                infoPanel.stateManager.state.settings['🔍MagnifyGlass.InfoPanelAccentColor'] = value;\n                infoPanel.uiManager.applyStyles();\n            }\n        }\n    ));\n\n    panelSection.body.appendChild(createToggle('Hover Controls',\n        getSettingValue('🔍MagnifyGlass.ShowHoveringControls', true),\n        (checked) => setSettingValue('🔍MagnifyGlass.ShowHoveringControls', checked),\n        'Show floating control buttons near the panel'\n    ));\n\n    panelSection.body.appendChild(createSelect('Controls Position',\n        getSettingValue('🔍MagnifyGlass.ControlsPosition', 'left'),\n        ['top', 'bottom', 'left', 'right', 'top-left', 'top-right', 'bottom-left', 'bottom-right'],\n        (value) => setSettingValue('🔍MagnifyGlass.ControlsPosition', value),\n        'Position of floating control buttons',\n        (value) => {\n            // Live update controls position\n            const infoPanel = (window as any).infoPanelManager;\n            if (infoPanel?.stateManager?.state?.settings) {\n                infoPanel.stateManager.state.settings['🔍MagnifyGlass.ControlsPosition'] = value;\n                infoPanel.uiManager.updateControlsLayout(value);\n                if (infoPanel.magnifyGlass.state.active) {\n                    infoPanel.positionManager.positionFloatingControls();\n                }\n            }\n        }\n    ));\n\n    container.appendChild(panelSection.section);\n\n    // ===== Panel Hotkeys Section =====\n    const panelHotkeySection = createSection('Panel Hotkeys', true);\n\n    panelHotkeySection.body.appendChild(createSelect('Toggle Key',\n        getSettingValue('🔍MagnifyGlass.ToggleHotkey', 'i'), ['i', 'j', 'k', 'l', 'n', 'm'],\n        (value) => setSettingValue('🔍MagnifyGlass.ToggleHotkey', value),\n        'Key to toggle info panel visibility'\n    ));\n\n    panelHotkeySection.body.appendChild(createSelect('Glass Toggle Key',\n        getSettingValue('🔍MagnifyGlass.GlassPreviewToggleHotkey', 'g'), ['g', 'f', 'v', 'b'],\n        (value) => setSettingValue('🔍MagnifyGlass.GlassPreviewToggleHotkey', value),\n        'Key to toggle glass preview in panel'\n    ));\n\n    panelHotkeySection.body.appendChild(createSelect('Pin Key',\n        getSettingValue('🔍MagnifyGlass.PinPanelHotkey', 'u'), ['u', 'p', 'y', 't'],\n        (value) => setSettingValue('🔍MagnifyGlass.PinPanelHotkey', value),\n        'Key to pin/unpin the info panel position'\n    ));\n\n    container.appendChild(panelHotkeySection.section);\n\n    // ===== Debug Section =====\n    const debugSection = createSection('Debug', true);\n\n    debugSection.body.appendChild(createToggle('Debug Mode',\n        getSettingValue('🔍MagnifyGlass.DebugMode', false),\n        (checked) => setSettingValue('🔍MagnifyGlass.DebugMode', checked),\n        'Enable debug logging and visual indicators'\n    ));\n\n    container.appendChild(debugSection.section);\n\n    // ===== Button Row =====\n    const buttonRow = document.createElement('div');\n    buttonRow.style.padding = '16px';\n    buttonRow.style.borderTop = '1px solid var(--border-color, #333)';\n    buttonRow.style.display = 'flex';\n    buttonRow.style.flexDirection = 'column';\n    buttonRow.style.gap = '8px';\n\n    // Reset Position Button\n    const resetBtn = document.createElement('button');\n    resetBtn.className = 'magnify-btn';\n    resetBtn.style.width = '100%';\n    resetBtn.innerHTML = `${Icons.reset} Reset Position`;\n    resetBtn.title = `Reset glass position and disable follow cursor. Hotkey: ${resetKey}`;\n\n    resetBtn.addEventListener('click', (e) => {\n        e.stopPropagation();\n        const magnifyGlass = window.comfyUIMagnifyGlass;\n        if (magnifyGlass && magnifyGlass.resetOffsets) {\n            magnifyGlass.resetOffsets();\n            // Update follow cursor toggle in UI\n            const followToggles = container.querySelectorAll('.magnify-toggle-row');\n            followToggles.forEach(row => {\n                const label = row.querySelector('label');\n                if (label && label.textContent === 'Follow Cursor') {\n                    const toggle = row.querySelector('.magnify-toggle');\n                    if (toggle) toggle.classList.remove('active');\n                }\n            });\n        }\n    });\n\n    buttonRow.appendChild(resetBtn);\n\n    // Reset All Settings Button\n    const resetAllBtn = document.createElement('button');\n    resetAllBtn.className = 'magnify-btn magnify-btn-secondary';\n    resetAllBtn.style.width = '100%';\n    resetAllBtn.innerHTML = `${Icons.reset} Reset All Settings`;\n    resetAllBtn.title = 'Reset all settings to their default values';\n\n    resetAllBtn.addEventListener('click', (e) => {\n        e.stopPropagation();\n\n        // Confirm with user\n        if (!confirm('Reset all MagnifyGlass settings to defaults?')) {\n            return;\n        }\n\n        // Default glass settings\n        setSettingValue('🔍MagnifyGlass.ZoomFactor', 300);\n        setSettingValue('🔍MagnifyGlass.GlassSize', 300);\n        setSettingValue('🔍MagnifyGlass.GlassShape', 'Rounded Square');\n        setSettingValue('🔍MagnifyGlass.GlassPosition', 'Top-Right');\n        setSettingValue('🔍MagnifyGlass.TextureFiltering', 'Linear');\n        setSettingValue('🔍MagnifyGlass.BorderWidth', 1);\n        setSettingValue('🔍MagnifyGlass.BorderColor', '#6b7280');\n        setSettingValue('🔍MagnifyGlass.BorderEnabled', true);\n        setSettingValue('🔍MagnifyGlass.FollowCursor', false);\n        setSettingValue('🔍MagnifyGlass.AlwaysActiveMode', true);\n        setSettingValue('🔍MagnifyGlass.ActivationKey', 'x');\n        setSettingValue('🔍MagnifyGlass.ResetKey', 'o');\n        setSettingValue('🔍MagnifyGlass.ToggleFollowCursorKey', 'h');\n        setSettingValue('🔍MagnifyGlass.AltRequired', false);\n        setSettingValue('🔍MagnifyGlass.OffsetStep', 5);\n        setSettingValue('🔍MagnifyGlass.DebugMode', false);\n\n        // Default panel settings\n        setSettingValue('🔍MagnifyGlass.InfoPanelEnabled', true);\n        setSettingValue('🔍MagnifyGlass.InfoPanelPosition', 'Bottom');\n        setSettingValue('🔍MagnifyGlass.InfoPanelWidth', 300);\n        setSettingValue('🔍MagnifyGlass.InfoPanelMaxHeight', 300);\n        setSettingValue('🔍MagnifyGlass.InfoPanelOpacity', 100);\n        setSettingValue('🔍MagnifyGlass.InfoPanelFontSize', 14);\n        setSettingValue('🔍MagnifyGlass.InfoPanelFontFamily', 'System Default');\n        setSettingValue('🔍MagnifyGlass.InfoPanelPersist', false);\n        setSettingValue('🔍MagnifyGlass.InfoPanelTextColor', '#6b7280');\n        setSettingValue('🔍MagnifyGlass.InfoPanelAccentColor', '#3b82f6');\n        setSettingValue('🔍MagnifyGlass.InfoPanelAnimations', false);\n        setSettingValue('🔍MagnifyGlass.ShowHoveringControls', true);\n        setSettingValue('🔍MagnifyGlass.ControlsPosition', 'left');\n        setSettingValue('🔍MagnifyGlass.ToggleHotkey', 'i');\n        setSettingValue('🔍MagnifyGlass.GlassPreviewToggleHotkey', 'g');\n        setSettingValue('🔍MagnifyGlass.PinPanelHotkey', 'u');\n\n        // Also reset position\n        const magnifyGlass = window.comfyUIMagnifyGlass;\n        if (magnifyGlass && magnifyGlass.resetOffsets) {\n            magnifyGlass.resetOffsets();\n        }\n    });\n\n    buttonRow.appendChild(resetAllBtn);\n    container.appendChild(buttonRow);\n}\n"],"names":[],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"SidebarSettings.js","sources":["../../src/sidebar/SidebarSettings.ts"],"sourcesContent":["/**\n * ComfyUI MagnifyGlass - Sidebar Settings Panel\n * \n * All settings controls for the sidebar.\n */\n\n// @ts-ignore\nimport { app } from \"/scripts/app.js\";\nimport {\n    GLASS_POSITIONS,\n    GLASS_SHAPES,\n    ACTIVATION_KEYS,\n    RESET_KEYS,\n    TOGGLE_FOLLOW_KEYS,\n    PANEL_POSITIONS\n} from '../shared/constants';\n\n/**\n * Icons for the settings panel\n */\nconst Icons = {\n    chevronDown: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>`,\n    reset: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"1 4 1 10 7 10\"></polyline><path d=\"M3.51 15a9 9 0 1 0 2.13-9.36L1 10\"></path></svg>`,\n};\n\n/**\n * Create a slider control with tooltip\n */\n/**\n * Create a slider control with tooltip\n */\nfunction createSlider(\n    label: string,\n    value: number,\n    min: number,\n    max: number,\n    step: number,\n    unit: string,\n    onChange: (value: number) => void,\n    tooltip?: string,\n    onInput?: (value: number) => void\n): HTMLElement {\n    const row = document.createElement('div');\n    row.className = 'magnify-control-row';\n    if (tooltip) row.title = tooltip;\n\n    const labelRow = document.createElement('div');\n    labelRow.className = 'magnify-control-label-row';\n\n    const labelEl = document.createElement('label');\n    labelEl.textContent = label;\n\n    const valueEl = document.createElement('span');\n    valueEl.className = 'control-value';\n    valueEl.textContent = `${value}${unit}`;\n\n    labelRow.appendChild(labelEl);\n    labelRow.appendChild(valueEl);\n\n    const slider = document.createElement('input');\n    slider.type = 'range';\n    slider.className = 'magnify-slider';\n    slider.min = String(min);\n    slider.max = String(max);\n    slider.step = String(step);\n    slider.value = String(value);\n\n    // Prevent ComfyUI from capturing mouse events during drag\n    slider.addEventListener('mousedown', (e) => e.stopPropagation());\n    slider.addEventListener('touchstart', (e) => e.stopPropagation());\n    slider.addEventListener('pointerdown', (e) => e.stopPropagation());\n\n    slider.addEventListener('input', (e) => {\n        e.stopPropagation();\n        const newValue = parseFloat(slider.value);\n        valueEl.textContent = `${newValue}${unit}`;\n        if (onInput) onInput(newValue);\n    });\n\n    slider.addEventListener('change', (e) => {\n        e.stopPropagation();\n        const newValue = parseFloat(slider.value);\n        onChange(newValue);\n    });\n\n    row.appendChild(labelRow);\n    row.appendChild(slider);\n\n    return row;\n}\n\n/**\n * Create a toggle control with tooltip\n */\nfunction createToggle(\n    label: string,\n    checked: boolean,\n    onChange: (checked: boolean) => void,\n    tooltip?: string\n): HTMLElement {\n    const row = document.createElement('div');\n    row.className = 'magnify-toggle-row';\n    if (tooltip) row.title = tooltip;\n\n    const labelEl = document.createElement('label');\n    labelEl.textContent = label;\n\n    const toggle = document.createElement('div');\n    toggle.className = `magnify-toggle${checked ? ' active' : ''}`;\n\n    toggle.addEventListener('click', () => {\n        const isActive = toggle.classList.toggle('active');\n        onChange(isActive);\n    });\n\n    row.appendChild(labelEl);\n    row.appendChild(toggle);\n\n    return row;\n}\n\n/**\n * Create a select dropdown control with tooltip\n */\nfunction createSelect(\n    label: string,\n    value: string,\n    options: readonly string[] | string[],\n    onChange: (value: string) => void,\n    tooltip?: string,\n    onInput?: (value: string) => void\n): HTMLElement {\n    const row = document.createElement('div');\n    row.className = 'magnify-control-row';\n    if (tooltip) row.title = tooltip;\n\n    const labelEl = document.createElement('label');\n    labelEl.textContent = label;\n\n    const select = document.createElement('select');\n    select.className = 'magnify-select';\n\n    options.forEach(opt => {\n        const option = document.createElement('option');\n        option.value = opt;\n        option.textContent = opt;\n        if (opt === value) option.selected = true;\n        select.appendChild(option);\n    });\n\n    select.addEventListener('change', () => {\n        // Call onInput first for live preview\n        if (onInput) {\n            onInput(select.value);\n        }\n        // Then persist the setting\n        onChange(select.value);\n    });\n\n    row.appendChild(labelEl);\n    row.appendChild(select);\n\n    return row;\n}\n\n/**\n * Create a color picker control with tooltip\n */\n/**\n * Create a color picker control with tooltip\n */\nfunction createColorPicker(\n    label: string,\n    value: string,\n    onChange: (value: string) => void,\n    tooltip?: string,\n    onInput?: (value: string) => void\n): HTMLElement {\n    const row = document.createElement('div');\n    row.className = 'magnify-control-row magnify-color-row';\n    if (tooltip) row.title = tooltip;\n\n    const labelEl = document.createElement('label');\n    labelEl.textContent = label;\n\n    const colorWrapper = document.createElement('div');\n    colorWrapper.className = 'magnify-color-wrapper';\n\n    const colorInput = document.createElement('input');\n    colorInput.type = 'color';\n    colorInput.className = 'magnify-color-input';\n    colorInput.value = value;\n\n    const colorPreview = document.createElement('span');\n    colorPreview.className = 'magnify-color-preview';\n    colorPreview.textContent = value;\n\n    colorInput.addEventListener('input', () => {\n        colorPreview.textContent = colorInput.value;\n        if (onInput) onInput(colorInput.value);\n    });\n\n    colorInput.addEventListener('change', () => {\n        onChange(colorInput.value);\n    });\n\n    colorWrapper.appendChild(colorInput);\n    colorWrapper.appendChild(colorPreview);\n\n    row.appendChild(labelEl);\n    row.appendChild(colorWrapper);\n\n    return row;\n}\n\n/**\n * Get current MagnifyGlass settings from app.ui.settings\n */\nfunction getSettingValue(id: string, defaultValue: any): any {\n    try {\n        const value = app.ui.settings.getSettingValue(id);\n        return value !== undefined ? value : defaultValue;\n    } catch {\n        return defaultValue;\n    }\n}\n\n/**\n * Set a MagnifyGlass setting via app.ui.settings\n */\nfunction setSettingValue(id: string, value: any): void {\n    try {\n        app.ui.settings.setSettingValue(id, value);\n    } catch (e) {\n        console.warn(`Failed to set setting ${id}:`, e);\n    }\n}\n\n/** Storage key for section states */\nconst SECTION_STATE_KEY = 'magnifyglass-sidebar-sections';\n\n/**\n * Get saved section states from localStorage\n */\nfunction getSectionStates(): Record<string, boolean> {\n    try {\n        const saved = localStorage.getItem(SECTION_STATE_KEY);\n        return saved ? JSON.parse(saved) : {};\n    } catch {\n        return {};\n    }\n}\n\n/**\n * Save section state to localStorage\n */\nfunction saveSectionState(title: string, collapsed: boolean): void {\n    try {\n        const states = getSectionStates();\n        states[title] = collapsed;\n        localStorage.setItem(SECTION_STATE_KEY, JSON.stringify(states));\n    } catch {\n        // Ignore storage errors\n    }\n}\n\n/**\n * Create a collapsible section with persistent state\n */\nfunction createSection(title: string, defaultCollapsed: boolean = false): { section: HTMLElement; body: HTMLElement } {\n    const section = document.createElement('div');\n    section.className = 'magnify-sidebar-section';\n\n    // Check if we have a saved state for this section\n    const savedStates = getSectionStates();\n    const collapsed = savedStates[title] !== undefined ? savedStates[title] : defaultCollapsed;\n\n    const header = document.createElement('div');\n    header.className = `magnify-sidebar-section-header${collapsed ? ' collapsed' : ''}`;\n    header.innerHTML = `${Icons.chevronDown}<span>${title}</span>`;\n\n    const body = document.createElement('div');\n    body.className = `magnify-sidebar-section-body${collapsed ? ' collapsed' : ''}`;\n    // Apply inline style to prevent flash before CSS loads\n    if (collapsed) {\n        body.style.display = 'none';\n    }\n\n    header.addEventListener('click', () => {\n        const isCollapsed = header.classList.toggle('collapsed');\n        body.classList.toggle('collapsed');\n        // Also toggle inline style for immediate effect\n        body.style.display = isCollapsed ? 'none' : '';\n        // Save the new state\n        saveSectionState(title, isCollapsed);\n    });\n\n    section.appendChild(header);\n    section.appendChild(body);\n\n    return { section, body };\n}\n\n/**\n * Render the settings panel into the container\n */\nexport function renderSettingsPanel(container: HTMLElement): void {\n    // Get current hotkey values for tooltips\n    const activationKey = getSettingValue('🔍MagnifyGlass.ActivationKey', 'x').toUpperCase();\n    const resetKey = getSettingValue('🔍MagnifyGlass.ResetKey', 'o').toUpperCase();\n    const toggleFollowKey = getSettingValue('🔍MagnifyGlass.ToggleFollowCursorKey', 'h').toUpperCase();\n\n    // ===== Glass Settings Section =====\n    const glassSection = createSection('Glass Settings');\n\n    glassSection.body.appendChild(createSlider('Zoom Factor',\n        getSettingValue('🔍MagnifyGlass.ZoomFactor', 300), 100, 1000, 25, '%',\n        (value) => setSettingValue('🔍MagnifyGlass.ZoomFactor', value),\n        'Magnification level of the glass (100-1000%)',\n        (value) => {\n            const mg = (window as any).comfyUIMagnifyGlass;\n            if (mg?.config) {\n                mg.config.zoomFactor = value / 100;\n                if (mg.state.active) mg.updateMagnifiedView();\n            }\n        }\n    ));\n\n    glassSection.body.appendChild(createSlider('Glass Size',\n        getSettingValue('🔍MagnifyGlass.GlassSize', 250), 50, 500, 10, 'px',\n        (value) => setSettingValue('🔍MagnifyGlass.GlassSize', value),\n        'Size of the magnifying glass in pixels',\n        (value) => {\n            const mg = (window as any).comfyUIMagnifyGlass;\n            if (mg?.config) {\n                mg.config.glassSize = value;\n                mg.applyUiChanges();\n                if (mg.state.active) mg.updateMagnifiedView();\n            }\n        }\n    ));\n\n    glassSection.body.appendChild(createSelect('Shape',\n        getSettingValue('🔍MagnifyGlass.GlassShape', 'Rounded Square'), GLASS_SHAPES,\n        (value) => setSettingValue('🔍MagnifyGlass.GlassShape', value),\n        'Shape of the magnifying glass'\n    ));\n\n    glassSection.body.appendChild(createSelect('Position',\n        getSettingValue('🔍MagnifyGlass.GlassPosition', 'Top-Right'), GLASS_POSITIONS,\n        (value) => setSettingValue('🔍MagnifyGlass.GlassPosition', value),\n        `Default position of the glass. Press ${resetKey} to reset.`\n    ));\n\n    glassSection.body.appendChild(createSelect('Filtering',\n        getSettingValue('🔍MagnifyGlass.TextureFiltering', 'Linear'), ['Linear', 'Nearest'],\n        (value) => setSettingValue('🔍MagnifyGlass.TextureFiltering', value),\n        'Texture filtering: Linear (smooth) or Nearest (pixelated)'\n    ));\n\n    glassSection.body.appendChild(createSlider('Border Width',\n        getSettingValue('🔍MagnifyGlass.BorderWidth', 2), 0, 10, 0.5, 'px',\n        (value) => setSettingValue('🔍MagnifyGlass.BorderWidth', value),\n        'Width of the glass border in pixels',\n        (value) => {\n            const mg = (window as any).comfyUIMagnifyGlass;\n            if (mg?.config) {\n                mg.config.borderWidth = value;\n                mg.applyUiChanges();\n            }\n        }\n    ));\n\n    glassSection.body.appendChild(createColorPicker('Border Color',\n        getSettingValue('🔍MagnifyGlass.BorderColor', '#ffffff'),\n        (value) => setSettingValue('🔍MagnifyGlass.BorderColor', value),\n        'Color of the glass border',\n        (value) => {\n            const mg = (window as any).comfyUIMagnifyGlass;\n            if (mg?.config) {\n                mg.config.borderColor = value;\n                mg.applyUiChanges();\n            }\n        }\n    ));\n\n    glassSection.body.appendChild(createToggle('Show Border',\n        getSettingValue('🔍MagnifyGlass.BorderEnabled', true),\n        (checked) => setSettingValue('🔍MagnifyGlass.BorderEnabled', checked),\n        'Show or hide the glass border'\n    ));\n\n    glassSection.body.appendChild(createToggle('Follow Cursor',\n        getSettingValue('🔍MagnifyGlass.FollowCursor', false),\n        (checked) => setSettingValue('🔍MagnifyGlass.FollowCursor', checked),\n        `Glass follows the cursor. Hotkey: ${toggleFollowKey}`\n    ));\n\n    glassSection.body.appendChild(createToggle('Always Active Mode',\n        getSettingValue('🔍MagnifyGlass.AlwaysActiveMode', true),\n        (checked) => setSettingValue('🔍MagnifyGlass.AlwaysActiveMode', checked),\n        `When enabled, glass stays visible. Toggle with ${activationKey}`\n    ));\n\n    // The instruction implies this should be in glassSection, but the content suggests info panel.\n    // Placing it in glassSection as per instruction, assuming createToggle is intended.\n    // The condition `if (getSettingValue(\"🔍MagnifyGlass.InfoPanelEnabled\", true))` is removed\n    // as it doesn't make sense for a glass setting to depend on info panel being enabled.\n    // The tooltip and callback logic are kept as provided.\n    glassSection.body.appendChild(createToggle('Persist Info',\n        getSettingValue('🔍MagnifyGlass.InfoPanelPersist', false),\n        (checked) => {\n            setSettingValue('🔍MagnifyGlass.InfoPanelPersist', checked);\n            // Sync with UI controls if needed\n            const infoPanel = (window as any).infoPanelManager;\n            if (infoPanel?.uiManager) {\n                infoPanel.uiManager.updateControlStates();\n            }\n        }, 'Keep displaying the last node info when hovering empty space'\n    ));\n\n    container.appendChild(glassSection.section);\n\n    // ===== Hotkeys Section =====\n    const hotkeySection = createSection('Hotkeys', true);\n\n    hotkeySection.body.appendChild(createSelect('Activation Key',\n        getSettingValue('🔍MagnifyGlass.ActivationKey', 'x'), ACTIVATION_KEYS,\n        (value) => setSettingValue('🔍MagnifyGlass.ActivationKey', value),\n        'Key to toggle or hold to activate the magnifying glass'\n    ));\n\n    hotkeySection.body.appendChild(createSelect('Reset Key',\n        getSettingValue('🔍MagnifyGlass.ResetKey', 'o'), RESET_KEYS,\n        (value) => setSettingValue('🔍MagnifyGlass.ResetKey', value),\n        'Key to reset glass position and disable follow cursor'\n    ));\n\n    hotkeySection.body.appendChild(createSelect('Toggle Follow Key',\n        getSettingValue('🔍MagnifyGlass.ToggleFollowCursorKey', 'h'), TOGGLE_FOLLOW_KEYS,\n        (value) => setSettingValue('🔍MagnifyGlass.ToggleFollowCursorKey', value),\n        'Key to toggle follow cursor mode'\n    ));\n\n    hotkeySection.body.appendChild(createToggle('Require Alt Key',\n        getSettingValue('🔍MagnifyGlass.AltRequired', false),\n        (checked) => setSettingValue('🔍MagnifyGlass.AltRequired', checked),\n        'Require Alt key to be held with activation key'\n    ));\n\n    hotkeySection.body.appendChild(createSlider('Offset Step',\n        getSettingValue('🔍MagnifyGlass.OffsetStep', 10), 1, 50, 1, 'px',\n        (value) => setSettingValue('🔍MagnifyGlass.OffsetStep', value),\n        'Amount to move glass per arrow key press (pixels)'\n    ));\n\n    container.appendChild(hotkeySection.section);\n\n    // ===== Info Panel Section =====\n    const panelSection = createSection('Info Panel', true);\n\n    const toggleHotkey = getSettingValue('🔍MagnifyGlass.ToggleHotkey', 'i').toUpperCase();\n    const glassToggleKey = getSettingValue('🔍MagnifyGlass.GlassPreviewToggleHotkey', 'g').toUpperCase();\n    const pinHotkeyVal = getSettingValue('🔍MagnifyGlass.PinPanelHotkey', 'u').toUpperCase();\n\n    panelSection.body.appendChild(createToggle('Enable Panel',\n        getSettingValue('🔍MagnifyGlass.InfoPanelEnabled', true),\n        (checked) => setSettingValue('🔍MagnifyGlass.InfoPanelEnabled', checked),\n        `Show info panel with node details. Toggle: ${toggleHotkey}`\n    ));\n\n    panelSection.body.appendChild(createToggle('Persist Info',\n        getSettingValue('🔍MagnifyGlass.InfoPanelPersist', false),\n        (checked) => {\n            setSettingValue('🔍MagnifyGlass.InfoPanelPersist', checked);\n            // Sync with UI controls if needed\n            const infoPanel = (window as any).infoPanelManager;\n            if (infoPanel?.uiManager) {\n                infoPanel.uiManager.updateControlStates();\n            }\n        },\n        'Keep displaying the last node info when hovering empty space'\n    ));\n\n    panelSection.body.appendChild(createSelect('Position',\n        getSettingValue('🔍MagnifyGlass.InfoPanelPosition', 'Bottom'), PANEL_POSITIONS,\n        (value) => setSettingValue('🔍MagnifyGlass.InfoPanelPosition', value),\n        'Position of the info panel relative to the glass'\n    ));\n\n    panelSection.body.appendChild(createSlider('Width',\n        getSettingValue('🔍MagnifyGlass.InfoPanelWidth', 300), 200, 600, 20, 'px',\n        (value) => setSettingValue('🔍MagnifyGlass.InfoPanelWidth', value),\n        'Width of the info panel',\n        (value) => {\n            const infoPanel = (window as any).infoPanelManager;\n            if (infoPanel?.stateManager?.state?.settings) {\n                infoPanel.stateManager.state.settings['🔍MagnifyGlass.InfoPanelWidth'] = value;\n                infoPanel.uiManager.applyStyles();\n\n                // Ensure visible and reflow if active\n                if (infoPanel.magnifyGlass.state.active) {\n                    infoPanel.uiManager.show();\n                    infoPanel.positionManager.positionPanel();\n                }\n            }\n        }\n    ));\n\n    panelSection.body.appendChild(createSlider('Max Height',\n        getSettingValue('🔍MagnifyGlass.InfoPanelMaxHeight', 300), 200, 1500, 50, 'px',\n        (value) => setSettingValue('🔍MagnifyGlass.InfoPanelMaxHeight', value),\n        'Maximum height of the info panel',\n        (value) => {\n            console.log('[MaxHeight] Handler called with value:', value);\n            const infoPanel = (window as any).infoPanelManager;\n            console.log('[MaxHeight] infoPanelManager:', infoPanel ? 'found' : 'NOT FOUND');\n            if (infoPanel?.stateManager?.state?.settings) {\n                console.log('[MaxHeight] Updating setting and calling applyStyles');\n                infoPanel.stateManager.state.settings['🔍MagnifyGlass.InfoPanelMaxHeight'] = value;\n                infoPanel.uiManager.applyStyles();\n\n                // Ensure visible and reflow if active\n                if (infoPanel.magnifyGlass.state.active) {\n                    console.log('[MaxHeight] Glass is active, calling show() and positionPanel()');\n                    infoPanel.uiManager.show();\n                    infoPanel.positionManager.positionPanel();\n                } else {\n                    console.log('[MaxHeight] Glass is NOT active, skipping show()');\n                }\n            } else {\n                console.warn('[MaxHeight] Check failed - stateManager/state/settings missing');\n            }\n        }\n    ));\n\n    panelSection.body.appendChild(createSlider('Font Size',\n        getSettingValue('🔍MagnifyGlass.InfoPanelFontSize', 14), 8, 24, 1, 'px',\n        (value) => setSettingValue('🔍MagnifyGlass.InfoPanelFontSize', value),\n        'Font size of text in the info panel',\n        (value) => {\n            const infoPanel = (window as any).infoPanelManager;\n            if (infoPanel?.stateManager?.state?.settings) {\n                infoPanel.stateManager.state.settings['🔍MagnifyGlass.InfoPanelFontSize'] = value;\n                infoPanel.uiManager.applyStyles();\n            }\n        }\n    ));\n\n    panelSection.body.appendChild(createSlider('Opacity',\n        getSettingValue('🔍MagnifyGlass.InfoPanelOpacity', 95), 10, 100, 5, '%',\n        (value) => setSettingValue('🔍MagnifyGlass.InfoPanelOpacity', value),\n        'Background opacity of the info panel',\n        (value) => {\n            const infoPanel = (window as any).infoPanelManager;\n            if (infoPanel?.stateManager?.state?.settings) {\n                infoPanel.stateManager.state.settings['🔍MagnifyGlass.InfoPanelOpacity'] = value;\n                infoPanel.uiManager.applyStyles();\n            }\n        }\n    ));\n\n    const fontFamilyOptions = [\n        'System Default', 'Inter', 'Roboto', 'JetBrains Mono', 'Fira Code',\n        'IBM Plex Sans', 'Space Grotesk', 'Lexend', 'Outfit', 'monospace'\n    ];\n    panelSection.body.appendChild(createSelect('Font Family',\n        getSettingValue('🔍MagnifyGlass.InfoPanelFontFamily', 'System Default'), fontFamilyOptions,\n        (value) => setSettingValue('🔍MagnifyGlass.InfoPanelFontFamily', value),\n        'Font family for the info panel text',\n        (value) => {\n            const infoPanel = (window as any).infoPanelManager;\n            if (infoPanel?.stateManager?.state?.settings) {\n                infoPanel.stateManager.state.settings['🔍MagnifyGlass.InfoPanelFontFamily'] = value;\n                infoPanel.uiManager.applyStyles();\n            }\n        }\n    ));\n\n    panelSection.body.appendChild(createColorPicker('Text Color',\n        getSettingValue('🔍MagnifyGlass.InfoPanelTextColor', '#6b7280'),\n        (value) => setSettingValue('🔍MagnifyGlass.InfoPanelTextColor', value),\n        'Text color in the info panel',\n        (value) => {\n            const infoPanel = (window as any).infoPanelManager;\n            if (infoPanel?.stateManager?.state?.settings) {\n                infoPanel.stateManager.state.settings['🔍MagnifyGlass.InfoPanelTextColor'] = value;\n                infoPanel.uiManager.applyStyles();\n            }\n        }\n    ));\n\n    panelSection.body.appendChild(createColorPicker('Accent Color',\n        getSettingValue('🔍MagnifyGlass.InfoPanelAccentColor', '#3b82f6'),\n        (value) => setSettingValue('🔍MagnifyGlass.InfoPanelAccentColor', value),\n        'Accent color for highlights',\n        (value) => {\n            const infoPanel = (window as any).infoPanelManager;\n            if (infoPanel?.stateManager?.state?.settings) {\n                infoPanel.stateManager.state.settings['🔍MagnifyGlass.InfoPanelAccentColor'] = value;\n                infoPanel.uiManager.applyStyles();\n            }\n        }\n    ));\n\n    panelSection.body.appendChild(createToggle('Hover Controls',\n        getSettingValue('🔍MagnifyGlass.ShowHoveringControls', true),\n        (checked) => setSettingValue('🔍MagnifyGlass.ShowHoveringControls', checked),\n        'Show floating control buttons near the panel'\n    ));\n\n    panelSection.body.appendChild(createSelect('Controls Position',\n        getSettingValue('🔍MagnifyGlass.ControlsPosition', 'left'),\n        ['top', 'bottom', 'left', 'right', 'top-left', 'top-right', 'bottom-left', 'bottom-right'],\n        (value) => setSettingValue('🔍MagnifyGlass.ControlsPosition', value),\n        'Position of floating control buttons',\n        (value) => {\n            // Live update controls position\n            const infoPanel = (window as any).infoPanelManager;\n            if (infoPanel?.stateManager?.state?.settings) {\n                infoPanel.stateManager.state.settings['🔍MagnifyGlass.ControlsPosition'] = value;\n                infoPanel.uiManager.updateControlsLayout(value);\n                if (infoPanel.magnifyGlass.state.active) {\n                    infoPanel.positionManager.positionFloatingControls();\n                }\n            }\n        }\n    ));\n\n    container.appendChild(panelSection.section);\n\n    // ===== Panel Hotkeys Section =====\n    const panelHotkeySection = createSection('Panel Hotkeys', true);\n\n    panelHotkeySection.body.appendChild(createSelect('Toggle Key',\n        getSettingValue('🔍MagnifyGlass.ToggleHotkey', 'i'), ['i', 'j', 'k', 'l', 'n', 'm'],\n        (value) => setSettingValue('🔍MagnifyGlass.ToggleHotkey', value),\n        'Key to toggle info panel visibility'\n    ));\n\n    panelHotkeySection.body.appendChild(createSelect('Glass Toggle Key',\n        getSettingValue('🔍MagnifyGlass.GlassPreviewToggleHotkey', 'g'), ['g', 'f', 'v', 'b'],\n        (value) => setSettingValue('🔍MagnifyGlass.GlassPreviewToggleHotkey', value),\n        'Key to toggle glass preview in panel'\n    ));\n\n    panelHotkeySection.body.appendChild(createSelect('Pin Key',\n        getSettingValue('🔍MagnifyGlass.PinPanelHotkey', 'u'), ['u', 'p', 'y', 't'],\n        (value) => setSettingValue('🔍MagnifyGlass.PinPanelHotkey', value),\n        'Key to pin/unpin the info panel position'\n    ));\n\n    container.appendChild(panelHotkeySection.section);\n\n    // ===== Debug Section =====\n    const debugSection = createSection('Debug', true);\n\n    debugSection.body.appendChild(createToggle('Debug Mode',\n        getSettingValue('🔍MagnifyGlass.DebugMode', false),\n        (checked) => setSettingValue('🔍MagnifyGlass.DebugMode', checked),\n        'Enable debug logging and visual indicators'\n    ));\n\n    container.appendChild(debugSection.section);\n\n    // ===== Button Row =====\n    const buttonRow = document.createElement('div');\n    buttonRow.style.padding = '16px';\n    buttonRow.style.borderTop = '1px solid var(--border-color, #333)';\n    buttonRow.style.display = 'flex';\n    buttonRow.style.flexDirection = 'column';\n    buttonRow.style.gap = '8px';\n\n    // Reset Position Button\n    const resetBtn = document.createElement('button');\n    resetBtn.className = 'magnify-btn';\n    resetBtn.style.width = '100%';\n    resetBtn.innerHTML = `${Icons.reset} Reset Position`;\n    resetBtn.title = `Reset glass position and disable follow cursor. Hotkey: ${resetKey}`;\n\n    resetBtn.addEventListener('click', (e) => {\n        e.stopPropagation();\n        const magnifyGlass = window.comfyUIMagnifyGlass;\n        if (magnifyGlass && magnifyGlass.resetOffsets) {\n            magnifyGlass.resetOffsets();\n            // Update follow cursor toggle in UI\n            const followToggles = container.querySelectorAll('.magnify-toggle-row');\n            followToggles.forEach(row => {\n                const label = row.querySelector('label');\n                if (label && label.textContent === 'Follow Cursor') {\n                    const toggle = row.querySelector('.magnify-toggle');\n                    if (toggle) toggle.classList.remove('active');\n                }\n            });\n        }\n    });\n\n    buttonRow.appendChild(resetBtn);\n\n    // Reset All Settings Button\n    const resetAllBtn = document.createElement('button');\n    resetAllBtn.className = 'magnify-btn magnify-btn-secondary';\n    resetAllBtn.style.width = '100%';\n    resetAllBtn.innerHTML = `${Icons.reset} Reset All Settings`;\n    resetAllBtn.title = 'Reset all settings to their default values';\n\n    resetAllBtn.addEventListener('click', (e) => {\n        e.stopPropagation();\n\n        // Confirm with user\n        if (!confirm('Reset all MagnifyGlass settings to defaults?')) {\n            return;\n        }\n\n        // Default glass settings\n        setSettingValue('🔍MagnifyGlass.ZoomFactor', 300);\n        setSettingValue('🔍MagnifyGlass.GlassSize', 300);\n        setSettingValue('🔍MagnifyGlass.GlassShape', 'Rounded Square');\n        setSettingValue('🔍MagnifyGlass.GlassPosition', 'Top-Right');\n        setSettingValue('🔍MagnifyGlass.TextureFiltering', 'Linear');\n        setSettingValue('🔍MagnifyGlass.BorderWidth', 1);\n        setSettingValue('🔍MagnifyGlass.BorderColor', '#6b7280');\n        setSettingValue('🔍MagnifyGlass.BorderEnabled', true);\n        setSettingValue('🔍MagnifyGlass.FollowCursor', false);\n        setSettingValue('🔍MagnifyGlass.AlwaysActiveMode', true);\n        setSettingValue('🔍MagnifyGlass.ActivationKey', 'x');\n        setSettingValue('🔍MagnifyGlass.ResetKey', 'o');\n        setSettingValue('🔍MagnifyGlass.ToggleFollowCursorKey', 'h');\n        setSettingValue('🔍MagnifyGlass.AltRequired', false);\n        setSettingValue('🔍MagnifyGlass.OffsetStep', 5);\n        setSettingValue('🔍MagnifyGlass.DebugMode', false);\n\n        // Default panel settings\n        setSettingValue('🔍MagnifyGlass.InfoPanelEnabled', true);\n        setSettingValue('🔍MagnifyGlass.InfoPanelPosition', 'Bottom');\n        setSettingValue('🔍MagnifyGlass.InfoPanelWidth', 300);\n        setSettingValue('🔍MagnifyGlass.InfoPanelMaxHeight', 300);\n        setSettingValue('🔍MagnifyGlass.InfoPanelOpacity', 100);\n        setSettingValue('🔍MagnifyGlass.InfoPanelFontSize', 14);\n        setSettingValue('🔍MagnifyGlass.InfoPanelFontFamily', 'System Default');\n        setSettingValue('🔍MagnifyGlass.InfoPanelPersist', false);\n        setSettingValue('🔍MagnifyGlass.InfoPanelTextColor', '#6b7280');\n        setSettingValue('🔍MagnifyGlass.InfoPanelAccentColor', '#3b82f6');\n        setSettingValue('🔍MagnifyGlass.InfoPanelAnimations', false);\n        setSettingValue('🔍MagnifyGlass.ShowHoveringControls', true);\n        setSettingValue('🔍MagnifyGlass.ControlsPosition', 'left');\n        setSettingValue('🔍MagnifyGlass.ToggleHotkey', 'i');\n        setSettingValue('🔍MagnifyGlass.GlassPreviewToggleHotkey', 'g');\n        setSettingValue('🔍MagnifyGlass.PinPanelHotkey', 'u');\n\n        // Also reset position\n        const magnifyGlass = window.comfyUIMagnifyGlass;\n        if (magnifyGlass && magnifyGlass.resetOffsets) {\n            magnifyGlass.resetOffsets();\n        }\n    });\n\n    buttonRow.appendChild(resetAllBtn);\n    container.appendChild(buttonRow);\n}\n"],"names":[],"mappings":";;AAoBA,MAAM,QAAQ;AAAA,EACV,aAAa;AAAA,EACb,OAAO;AACX;AAQA,SAAS,aACL,OACA,OACA,KACA,KACA,MACA,MACA,UACA,SACA,SACW;AACX,QAAM,MAAM,SAAS,cAAc,KAAK;AACxC,MAAI,YAAY;AAChB,MAAI,aAAa,QAAQ;AAEzB,QAAM,WAAW,SAAS,cAAc,KAAK;AAC7C,WAAS,YAAY;AAErB,QAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,UAAQ,cAAc;AAEtB,QAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,UAAQ,YAAY;AACpB,UAAQ,cAAc,GAAG,KAAK,GAAG,IAAI;AAErC,WAAS,YAAY,OAAO;AAC5B,WAAS,YAAY,OAAO;AAE5B,QAAM,SAAS,SAAS,cAAc,OAAO;AAC7C,SAAO,OAAO;AACd,SAAO,YAAY;AACnB,SAAO,MAAM,OAAO,GAAG;AACvB,SAAO,MAAM,OAAO,GAAG;AACvB,SAAO,OAAO,OAAO,IAAI;AACzB,SAAO,QAAQ,OAAO,KAAK;AAG3B,SAAO,iBAAiB,aAAa,CAAC,MAAM,EAAE,iBAAiB;AAC/D,SAAO,iBAAiB,cAAc,CAAC,MAAM,EAAE,iBAAiB;AAChE,SAAO,iBAAiB,eAAe,CAAC,MAAM,EAAE,iBAAiB;AAEjE,SAAO,iBAAiB,SAAS,CAAC,MAAM;AACpC,MAAE,gBAAA;AACF,UAAM,WAAW,WAAW,OAAO,KAAK;AACxC,YAAQ,cAAc,GAAG,QAAQ,GAAG,IAAI;AACxC,QAAI,iBAAiB,QAAQ;AAAA,EACjC,CAAC;AAED,SAAO,iBAAiB,UAAU,CAAC,MAAM;AACrC,MAAE,gBAAA;AACF,UAAM,WAAW,WAAW,OAAO,KAAK;AACxC,aAAS,QAAQ;AAAA,EACrB,CAAC;AAED,MAAI,YAAY,QAAQ;AACxB,MAAI,YAAY,MAAM;AAEtB,SAAO;AACX;AAKA,SAAS,aACL,OACA,SACA,UACA,SACW;AACX,QAAM,MAAM,SAAS,cAAc,KAAK;AACxC,MAAI,YAAY;AAChB,MAAI,aAAa,QAAQ;AAEzB,QAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,UAAQ,cAAc;AAEtB,QAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,SAAO,YAAY,iBAAiB,UAAU,YAAY,EAAE;AAE5D,SAAO,iBAAiB,SAAS,MAAM;AACnC,UAAM,WAAW,OAAO,UAAU,OAAO,QAAQ;AACjD,aAAS,QAAQ;AAAA,EACrB,CAAC;AAED,MAAI,YAAY,OAAO;AACvB,MAAI,YAAY,MAAM;AAEtB,SAAO;AACX;AAKA,SAAS,aACL,OACA,OACA,SACA,UACA,SACA,SACW;AACX,QAAM,MAAM,SAAS,cAAc,KAAK;AACxC,MAAI,YAAY;AAChB,MAAI,aAAa,QAAQ;AAEzB,QAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,UAAQ,cAAc;AAEtB,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,YAAY;AAEnB,UAAQ,QAAQ,CAAA,QAAO;AACnB,UAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,WAAO,QAAQ;AACf,WAAO,cAAc;AACrB,QAAI,QAAQ,MAAO,QAAO,WAAW;AACrC,WAAO,YAAY,MAAM;AAAA,EAC7B,CAAC;AAED,SAAO,iBAAiB,UAAU,MAAM;AAEpC,QAAI,SAAS;AACT,cAAQ,OAAO,KAAK;AAAA,IACxB;AAEA,aAAS,OAAO,KAAK;AAAA,EACzB,CAAC;AAED,MAAI,YAAY,OAAO;AACvB,MAAI,YAAY,MAAM;AAEtB,SAAO;AACX;AAQA,SAAS,kBACL,OACA,OACA,UACA,SACA,SACW;AACX,QAAM,MAAM,SAAS,cAAc,KAAK;AACxC,MAAI,YAAY;AAChB,MAAI,aAAa,QAAQ;AAEzB,QAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,UAAQ,cAAc;AAEtB,QAAM,eAAe,SAAS,cAAc,KAAK;AACjD,eAAa,YAAY;AAEzB,QAAM,aAAa,SAAS,cAAc,OAAO;AACjD,aAAW,OAAO;AAClB,aAAW,YAAY;AACvB,aAAW,QAAQ;AAEnB,QAAM,eAAe,SAAS,cAAc,MAAM;AAClD,eAAa,YAAY;AACzB,eAAa,cAAc;AAE3B,aAAW,iBAAiB,SAAS,MAAM;AACvC,iBAAa,cAAc,WAAW;AACtC,QAAI,QAAS,SAAQ,WAAW,KAAK;AAAA,EACzC,CAAC;AAED,aAAW,iBAAiB,UAAU,MAAM;AACxC,aAAS,WAAW,KAAK;AAAA,EAC7B,CAAC;AAED,eAAa,YAAY,UAAU;AACnC,eAAa,YAAY,YAAY;AAErC,MAAI,YAAY,OAAO;AACvB,MAAI,YAAY,YAAY;AAE5B,SAAO;AACX;AAKA,SAAS,gBAAgB,IAAY,cAAwB;AACzD,MAAI;AACA,UAAM,QAAQ,IAAI,GAAG,SAAS,gBAAgB,EAAE;AAChD,WAAO,UAAU,SAAY,QAAQ;AAAA,EACzC,QAAQ;AACJ,WAAO;AAAA,EACX;AACJ;AAKA,SAAS,gBAAgB,IAAY,OAAkB;AACnD,MAAI;AACA,QAAI,GAAG,SAAS,gBAAgB,IAAI,KAAK;AAAA,EAC7C,SAAS,GAAG;AACR,YAAQ,KAAK,yBAAyB,EAAE,KAAK,CAAC;AAAA,EAClD;AACJ;AAGA,MAAM,oBAAoB;AAK1B,SAAS,mBAA4C;AACjD,MAAI;AACA,UAAM,QAAQ,aAAa,QAAQ,iBAAiB;AACpD,WAAO,QAAQ,KAAK,MAAM,KAAK,IAAI,CAAA;AAAA,EACvC,QAAQ;AACJ,WAAO,CAAA;AAAA,EACX;AACJ;AAKA,SAAS,iBAAiB,OAAe,WAA0B;AAC/D,MAAI;AACA,UAAM,SAAS,iBAAA;AACf,WAAO,KAAK,IAAI;AAChB,iBAAa,QAAQ,mBAAmB,KAAK,UAAU,MAAM,CAAC;AAAA,EAClE,QAAQ;AAAA,EAER;AACJ;AAKA,SAAS,cAAc,OAAe,mBAA4B,OAAoD;AAClH,QAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,UAAQ,YAAY;AAGpB,QAAM,cAAc,iBAAA;AACpB,QAAM,YAAY,YAAY,KAAK,MAAM,SAAY,YAAY,KAAK,IAAI;AAE1E,QAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,SAAO,YAAY,iCAAiC,YAAY,eAAe,EAAE;AACjF,SAAO,YAAY,GAAG,MAAM,WAAW,SAAS,KAAK;AAErD,QAAM,OAAO,SAAS,cAAc,KAAK;AACzC,OAAK,YAAY,+BAA+B,YAAY,eAAe,EAAE;AAE7E,MAAI,WAAW;AACX,SAAK,MAAM,UAAU;AAAA,EACzB;AAEA,SAAO,iBAAiB,SAAS,MAAM;AACnC,UAAM,cAAc,OAAO,UAAU,OAAO,WAAW;AACvD,SAAK,UAAU,OAAO,WAAW;AAEjC,SAAK,MAAM,UAAU,cAAc,SAAS;AAE5C,qBAAiB,OAAO,WAAW;AAAA,EACvC,CAAC;AAED,UAAQ,YAAY,MAAM;AAC1B,UAAQ,YAAY,IAAI;AAExB,SAAO,EAAE,SAAS,KAAA;AACtB;AAKO,SAAS,oBAAoB,WAA8B;AAE9D,QAAM,gBAAgB,gBAAgB,gCAAgC,GAAG,EAAE,YAAA;AAC3E,QAAM,WAAW,gBAAgB,2BAA2B,GAAG,EAAE,YAAA;AACjE,QAAM,kBAAkB,gBAAgB,wCAAwC,GAAG,EAAE,YAAA;AAGrF,QAAM,eAAe,cAAc,gBAAgB;AAEnD,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,6BAA6B,GAAG;AAAA,IAAG;AAAA,IAAK;AAAA,IAAM;AAAA,IAAI;AAAA,IAClE,CAAC,UAAU,gBAAgB,6BAA6B,KAAK;AAAA,IAC7D;AAAA,IACA,CAAC,UAAU;AACP,YAAM,KAAM,OAAe;AAC3B,UAAI,yBAAI,QAAQ;AACZ,WAAG,OAAO,aAAa,QAAQ;AAC/B,YAAI,GAAG,MAAM,OAAQ,IAAG,oBAAA;AAAA,MAC5B;AAAA,IACJ;AAAA,EAAA,CACH;AAED,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,4BAA4B,GAAG;AAAA,IAAG;AAAA,IAAI;AAAA,IAAK;AAAA,IAAI;AAAA,IAC/D,CAAC,UAAU,gBAAgB,4BAA4B,KAAK;AAAA,IAC5D;AAAA,IACA,CAAC,UAAU;AACP,YAAM,KAAM,OAAe;AAC3B,UAAI,yBAAI,QAAQ;AACZ,WAAG,OAAO,YAAY;AACtB,WAAG,eAAA;AACH,YAAI,GAAG,MAAM,OAAQ,IAAG,oBAAA;AAAA,MAC5B;AAAA,IACJ;AAAA,EAAA,CACH;AAED,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,6BAA6B,gBAAgB;AAAA,IAAG;AAAA,IAChE,CAAC,UAAU,gBAAgB,6BAA6B,KAAK;AAAA,IAC7D;AAAA,EAAA,CACH;AAED,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,gCAAgC,WAAW;AAAA,IAAG;AAAA,IAC9D,CAAC,UAAU,gBAAgB,gCAAgC,KAAK;AAAA,IAChE,wCAAwC,QAAQ;AAAA,EAAA,CACnD;AAED,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,mCAAmC,QAAQ;AAAA,IAAG,CAAC,UAAU,SAAS;AAAA,IAClF,CAAC,UAAU,gBAAgB,mCAAmC,KAAK;AAAA,IACnE;AAAA,EAAA,CACH;AAED,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,8BAA8B,CAAC;AAAA,IAAG;AAAA,IAAG;AAAA,IAAI;AAAA,IAAK;AAAA,IAC9D,CAAC,UAAU,gBAAgB,8BAA8B,KAAK;AAAA,IAC9D;AAAA,IACA,CAAC,UAAU;AACP,YAAM,KAAM,OAAe;AAC3B,UAAI,yBAAI,QAAQ;AACZ,WAAG,OAAO,cAAc;AACxB,WAAG,eAAA;AAAA,MACP;AAAA,IACJ;AAAA,EAAA,CACH;AAED,eAAa,KAAK,YAAY;AAAA,IAAkB;AAAA,IAC5C,gBAAgB,8BAA8B,SAAS;AAAA,IACvD,CAAC,UAAU,gBAAgB,8BAA8B,KAAK;AAAA,IAC9D;AAAA,IACA,CAAC,UAAU;AACP,YAAM,KAAM,OAAe;AAC3B,UAAI,yBAAI,QAAQ;AACZ,WAAG,OAAO,cAAc;AACxB,WAAG,eAAA;AAAA,MACP;AAAA,IACJ;AAAA,EAAA,CACH;AAED,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,gCAAgC,IAAI;AAAA,IACpD,CAAC,YAAY,gBAAgB,gCAAgC,OAAO;AAAA,IACpE;AAAA,EAAA,CACH;AAED,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,+BAA+B,KAAK;AAAA,IACpD,CAAC,YAAY,gBAAgB,+BAA+B,OAAO;AAAA,IACnE,qCAAqC,eAAe;AAAA,EAAA,CACvD;AAED,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,mCAAmC,IAAI;AAAA,IACvD,CAAC,YAAY,gBAAgB,mCAAmC,OAAO;AAAA,IACvE,kDAAkD,aAAa;AAAA,EAAA,CAClE;AAOD,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,mCAAmC,KAAK;AAAA,IACxD,CAAC,YAAY;AACT,sBAAgB,mCAAmC,OAAO;AAE1D,YAAM,YAAa,OAAe;AAClC,UAAI,uCAAW,WAAW;AACtB,kBAAU,UAAU,oBAAA;AAAA,MACxB;AAAA,IACJ;AAAA,IAAG;AAAA,EAAA,CACN;AAED,YAAU,YAAY,aAAa,OAAO;AAG1C,QAAM,gBAAgB,cAAc,WAAW,IAAI;AAEnD,gBAAc,KAAK,YAAY;AAAA,IAAa;AAAA,IACxC,gBAAgB,gCAAgC,GAAG;AAAA,IAAG;AAAA,IACtD,CAAC,UAAU,gBAAgB,gCAAgC,KAAK;AAAA,IAChE;AAAA,EAAA,CACH;AAED,gBAAc,KAAK,YAAY;AAAA,IAAa;AAAA,IACxC,gBAAgB,2BAA2B,GAAG;AAAA,IAAG;AAAA,IACjD,CAAC,UAAU,gBAAgB,2BAA2B,KAAK;AAAA,IAC3D;AAAA,EAAA,CACH;AAED,gBAAc,KAAK,YAAY;AAAA,IAAa;AAAA,IACxC,gBAAgB,wCAAwC,GAAG;AAAA,IAAG;AAAA,IAC9D,CAAC,UAAU,gBAAgB,wCAAwC,KAAK;AAAA,IACxE;AAAA,EAAA,CACH;AAED,gBAAc,KAAK,YAAY;AAAA,IAAa;AAAA,IACxC,gBAAgB,8BAA8B,KAAK;AAAA,IACnD,CAAC,YAAY,gBAAgB,8BAA8B,OAAO;AAAA,IAClE;AAAA,EAAA,CACH;AAED,gBAAc,KAAK,YAAY;AAAA,IAAa;AAAA,IACxC,gBAAgB,6BAA6B,EAAE;AAAA,IAAG;AAAA,IAAG;AAAA,IAAI;AAAA,IAAG;AAAA,IAC5D,CAAC,UAAU,gBAAgB,6BAA6B,KAAK;AAAA,IAC7D;AAAA,EAAA,CACH;AAED,YAAU,YAAY,cAAc,OAAO;AAG3C,QAAM,eAAe,cAAc,cAAc,IAAI;AAErD,QAAM,eAAe,gBAAgB,+BAA+B,GAAG,EAAE,YAAA;AAClD,kBAAgB,2CAA2C,GAAG,EAAE,YAAA;AAClE,kBAAgB,iCAAiC,GAAG,EAAE,YAAA;AAE3E,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,mCAAmC,IAAI;AAAA,IACvD,CAAC,YAAY,gBAAgB,mCAAmC,OAAO;AAAA,IACvE,8CAA8C,YAAY;AAAA,EAAA,CAC7D;AAED,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,mCAAmC,KAAK;AAAA,IACxD,CAAC,YAAY;AACT,sBAAgB,mCAAmC,OAAO;AAE1D,YAAM,YAAa,OAAe;AAClC,UAAI,uCAAW,WAAW;AACtB,kBAAU,UAAU,oBAAA;AAAA,MACxB;AAAA,IACJ;AAAA,IACA;AAAA,EAAA,CACH;AAED,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,oCAAoC,QAAQ;AAAA,IAAG;AAAA,IAC/D,CAAC,UAAU,gBAAgB,oCAAoC,KAAK;AAAA,IACpE;AAAA,EAAA,CACH;AAED,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,iCAAiC,GAAG;AAAA,IAAG;AAAA,IAAK;AAAA,IAAK;AAAA,IAAI;AAAA,IACrE,CAAC,UAAU,gBAAgB,iCAAiC,KAAK;AAAA,IACjE;AAAA,IACA,CAAC,UAAU;;AACP,YAAM,YAAa,OAAe;AAClC,WAAI,kDAAW,iBAAX,mBAAyB,UAAzB,mBAAgC,UAAU;AAC1C,kBAAU,aAAa,MAAM,SAAS,+BAA+B,IAAI;AACzE,kBAAU,UAAU,YAAA;AAGpB,YAAI,UAAU,aAAa,MAAM,QAAQ;AACrC,oBAAU,UAAU,KAAA;AACpB,oBAAU,gBAAgB,cAAA;AAAA,QAC9B;AAAA,MACJ;AAAA,IACJ;AAAA,EAAA,CACH;AAED,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,qCAAqC,GAAG;AAAA,IAAG;AAAA,IAAK;AAAA,IAAM;AAAA,IAAI;AAAA,IAC1E,CAAC,UAAU,gBAAgB,qCAAqC,KAAK;AAAA,IACrE;AAAA,IACA,CAAC,UAAU;;AACP,cAAQ,IAAI,0CAA0C,KAAK;AAC3D,YAAM,YAAa,OAAe;AAClC,cAAQ,IAAI,iCAAiC,YAAY,UAAU,WAAW;AAC9E,WAAI,kDAAW,iBAAX,mBAAyB,UAAzB,mBAAgC,UAAU;AAC1C,gBAAQ,IAAI,sDAAsD;AAClE,kBAAU,aAAa,MAAM,SAAS,mCAAmC,IAAI;AAC7E,kBAAU,UAAU,YAAA;AAGpB,YAAI,UAAU,aAAa,MAAM,QAAQ;AACrC,kBAAQ,IAAI,iEAAiE;AAC7E,oBAAU,UAAU,KAAA;AACpB,oBAAU,gBAAgB,cAAA;AAAA,QAC9B,OAAO;AACH,kBAAQ,IAAI,kDAAkD;AAAA,QAClE;AAAA,MACJ,OAAO;AACH,gBAAQ,KAAK,gEAAgE;AAAA,MACjF;AAAA,IACJ;AAAA,EAAA,CACH;AAED,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,oCAAoC,EAAE;AAAA,IAAG;AAAA,IAAG;AAAA,IAAI;AAAA,IAAG;AAAA,IACnE,CAAC,UAAU,gBAAgB,oCAAoC,KAAK;AAAA,IACpE;AAAA,IACA,CAAC,UAAU;;AACP,YAAM,YAAa,OAAe;AAClC,WAAI,kDAAW,iBAAX,mBAAyB,UAAzB,mBAAgC,UAAU;AAC1C,kBAAU,aAAa,MAAM,SAAS,kCAAkC,IAAI;AAC5E,kBAAU,UAAU,YAAA;AAAA,MACxB;AAAA,IACJ;AAAA,EAAA,CACH;AAED,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,mCAAmC,EAAE;AAAA,IAAG;AAAA,IAAI;AAAA,IAAK;AAAA,IAAG;AAAA,IACpE,CAAC,UAAU,gBAAgB,mCAAmC,KAAK;AAAA,IACnE;AAAA,IACA,CAAC,UAAU;;AACP,YAAM,YAAa,OAAe;AAClC,WAAI,kDAAW,iBAAX,mBAAyB,UAAzB,mBAAgC,UAAU;AAC1C,kBAAU,aAAa,MAAM,SAAS,iCAAiC,IAAI;AAC3E,kBAAU,UAAU,YAAA;AAAA,MACxB;AAAA,IACJ;AAAA,EAAA,CACH;AAED,QAAM,oBAAoB;AAAA,IACtB;AAAA,IAAkB;AAAA,IAAS;AAAA,IAAU;AAAA,IAAkB;AAAA,IACvD;AAAA,IAAiB;AAAA,IAAiB;AAAA,IAAU;AAAA,IAAU;AAAA,EAAA;AAE1D,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,sCAAsC,gBAAgB;AAAA,IAAG;AAAA,IACzE,CAAC,UAAU,gBAAgB,sCAAsC,KAAK;AAAA,IACtE;AAAA,IACA,CAAC,UAAU;;AACP,YAAM,YAAa,OAAe;AAClC,WAAI,kDAAW,iBAAX,mBAAyB,UAAzB,mBAAgC,UAAU;AAC1C,kBAAU,aAAa,MAAM,SAAS,oCAAoC,IAAI;AAC9E,kBAAU,UAAU,YAAA;AAAA,MACxB;AAAA,IACJ;AAAA,EAAA,CACH;AAED,eAAa,KAAK,YAAY;AAAA,IAAkB;AAAA,IAC5C,gBAAgB,qCAAqC,SAAS;AAAA,IAC9D,CAAC,UAAU,gBAAgB,qCAAqC,KAAK;AAAA,IACrE;AAAA,IACA,CAAC,UAAU;;AACP,YAAM,YAAa,OAAe;AAClC,WAAI,kDAAW,iBAAX,mBAAyB,UAAzB,mBAAgC,UAAU;AAC1C,kBAAU,aAAa,MAAM,SAAS,mCAAmC,IAAI;AAC7E,kBAAU,UAAU,YAAA;AAAA,MACxB;AAAA,IACJ;AAAA,EAAA,CACH;AAED,eAAa,KAAK,YAAY;AAAA,IAAkB;AAAA,IAC5C,gBAAgB,uCAAuC,SAAS;AAAA,IAChE,CAAC,UAAU,gBAAgB,uCAAuC,KAAK;AAAA,IACvE;AAAA,IACA,CAAC,UAAU;;AACP,YAAM,YAAa,OAAe;AAClC,WAAI,kDAAW,iBAAX,mBAAyB,UAAzB,mBAAgC,UAAU;AAC1C,kBAAU,aAAa,MAAM,SAAS,qCAAqC,IAAI;AAC/E,kBAAU,UAAU,YAAA;AAAA,MACxB;AAAA,IACJ;AAAA,EAAA,CACH;AAED,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,uCAAuC,IAAI;AAAA,IAC3D,CAAC,YAAY,gBAAgB,uCAAuC,OAAO;AAAA,IAC3E;AAAA,EAAA,CACH;AAED,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,mCAAmC,MAAM;AAAA,IACzD,CAAC,OAAO,UAAU,QAAQ,SAAS,YAAY,aAAa,eAAe,cAAc;AAAA,IACzF,CAAC,UAAU,gBAAgB,mCAAmC,KAAK;AAAA,IACnE;AAAA,IACA,CAAC,UAAU;;AAEP,YAAM,YAAa,OAAe;AAClC,WAAI,kDAAW,iBAAX,mBAAyB,UAAzB,mBAAgC,UAAU;AAC1C,kBAAU,aAAa,MAAM,SAAS,iCAAiC,IAAI;AAC3E,kBAAU,UAAU,qBAAqB,KAAK;AAC9C,YAAI,UAAU,aAAa,MAAM,QAAQ;AACrC,oBAAU,gBAAgB,yBAAA;AAAA,QAC9B;AAAA,MACJ;AAAA,IACJ;AAAA,EAAA,CACH;AAED,YAAU,YAAY,aAAa,OAAO;AAG1C,QAAM,qBAAqB,cAAc,iBAAiB,IAAI;AAE9D,qBAAmB,KAAK,YAAY;AAAA,IAAa;AAAA,IAC7C,gBAAgB,+BAA+B,GAAG;AAAA,IAAG,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAAA,IAClF,CAAC,UAAU,gBAAgB,+BAA+B,KAAK;AAAA,IAC/D;AAAA,EAAA,CACH;AAED,qBAAmB,KAAK,YAAY;AAAA,IAAa;AAAA,IAC7C,gBAAgB,2CAA2C,GAAG;AAAA,IAAG,CAAC,KAAK,KAAK,KAAK,GAAG;AAAA,IACpF,CAAC,UAAU,gBAAgB,2CAA2C,KAAK;AAAA,IAC3E;AAAA,EAAA,CACH;AAED,qBAAmB,KAAK,YAAY;AAAA,IAAa;AAAA,IAC7C,gBAAgB,iCAAiC,GAAG;AAAA,IAAG,CAAC,KAAK,KAAK,KAAK,GAAG;AAAA,IAC1E,CAAC,UAAU,gBAAgB,iCAAiC,KAAK;AAAA,IACjE;AAAA,EAAA,CACH;AAED,YAAU,YAAY,mBAAmB,OAAO;AAGhD,QAAM,eAAe,cAAc,SAAS,IAAI;AAEhD,eAAa,KAAK,YAAY;AAAA,IAAa;AAAA,IACvC,gBAAgB,4BAA4B,KAAK;AAAA,IACjD,CAAC,YAAY,gBAAgB,4BAA4B,OAAO;AAAA,IAChE;AAAA,EAAA,CACH;AAED,YAAU,YAAY,aAAa,OAAO;AAG1C,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,YAAU,MAAM,UAAU;AAC1B,YAAU,MAAM,YAAY;AAC5B,YAAU,MAAM,UAAU;AAC1B,YAAU,MAAM,gBAAgB;AAChC,YAAU,MAAM,MAAM;AAGtB,QAAM,WAAW,SAAS,cAAc,QAAQ;AAChD,WAAS,YAAY;AACrB,WAAS,MAAM,QAAQ;AACvB,WAAS,YAAY,GAAG,MAAM,KAAK;AACnC,WAAS,QAAQ,2DAA2D,QAAQ;AAEpF,WAAS,iBAAiB,SAAS,CAAC,MAAM;AACtC,MAAE,gBAAA;AACF,UAAM,eAAe,OAAO;AAC5B,QAAI,gBAAgB,aAAa,cAAc;AAC3C,mBAAa,aAAA;AAEb,YAAM,gBAAgB,UAAU,iBAAiB,qBAAqB;AACtE,oBAAc,QAAQ,CAAA,QAAO;AACzB,cAAM,QAAQ,IAAI,cAAc,OAAO;AACvC,YAAI,SAAS,MAAM,gBAAgB,iBAAiB;AAChD,gBAAM,SAAS,IAAI,cAAc,iBAAiB;AAClD,cAAI,OAAQ,QAAO,UAAU,OAAO,QAAQ;AAAA,QAChD;AAAA,MACJ,CAAC;AAAA,IACL;AAAA,EACJ,CAAC;AAED,YAAU,YAAY,QAAQ;AAG9B,QAAM,cAAc,SAAS,cAAc,QAAQ;AACnD,cAAY,YAAY;AACxB,cAAY,MAAM,QAAQ;AAC1B,cAAY,YAAY,GAAG,MAAM,KAAK;AACtC,cAAY,QAAQ;AAEpB,cAAY,iBAAiB,SAAS,CAAC,MAAM;AACzC,MAAE,gBAAA;AAGF,QAAI,CAAC,QAAQ,8CAA8C,GAAG;AAC1D;AAAA,IACJ;AAGA,oBAAgB,6BAA6B,GAAG;AAChD,oBAAgB,4BAA4B,GAAG;AAC/C,oBAAgB,6BAA6B,gBAAgB;AAC7D,oBAAgB,gCAAgC,WAAW;AAC3D,oBAAgB,mCAAmC,QAAQ;AAC3D,oBAAgB,8BAA8B,CAAC;AAC/C,oBAAgB,8BAA8B,SAAS;AACvD,oBAAgB,gCAAgC,IAAI;AACpD,oBAAgB,+BAA+B,KAAK;AACpD,oBAAgB,mCAAmC,IAAI;AACvD,oBAAgB,gCAAgC,GAAG;AACnD,oBAAgB,2BAA2B,GAAG;AAC9C,oBAAgB,wCAAwC,GAAG;AAC3D,oBAAgB,8BAA8B,KAAK;AACnD,oBAAgB,6BAA6B,CAAC;AAC9C,oBAAgB,4BAA4B,KAAK;AAGjD,oBAAgB,mCAAmC,IAAI;AACvD,oBAAgB,oCAAoC,QAAQ;AAC5D,oBAAgB,iCAAiC,GAAG;AACpD,oBAAgB,qCAAqC,GAAG;AACxD,oBAAgB,mCAAmC,GAAG;AACtD,oBAAgB,oCAAoC,EAAE;AACtD,oBAAgB,sCAAsC,gBAAgB;AACtE,oBAAgB,mCAAmC,KAAK;AACxD,oBAAgB,qCAAqC,SAAS;AAC9D,oBAAgB,uCAAuC,SAAS;AAChE,oBAAgB,sCAAsC,KAAK;AAC3D,oBAAgB,uCAAuC,IAAI;AAC3D,oBAAgB,mCAAmC,MAAM;AACzD,oBAAgB,+BAA+B,GAAG;AAClD,oBAAgB,2CAA2C,GAAG;AAC9D,oBAAgB,iCAAiC,GAAG;AAGpD,UAAM,eAAe,OAAO;AAC5B,QAAI,gBAAgB,aAAa,cAAc;AAC3C,mBAAa,aAAA;AAAA,IACjB;AAAA,EACJ,CAAC;AAED,YAAU,YAAY,WAAW;AACjC,YAAU,YAAY,SAAS;AACnC;"}
\ No newline at end of file
diff --git a/web/sidebar/sidebar.js b/web/sidebar/sidebar.js
index 3c5cc02..48e6adc 100644
--- a/web/sidebar/sidebar.js
+++ b/web/sidebar/sidebar.js
@@ -2,21 +2,29 @@ import { app } from "/scripts/app.js";
 import { renderSettingsPanel } from "./SidebarSettings.js";
 const MAGNIFY_ICON = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>`;
 let sidebarRegistered = false;
-function loadSidebarStyles() {
-  if (!document.getElementById("magnify-sidebar-styles")) {
-    const link = document.createElement("link");
-    link.id = "magnify-sidebar-styles";
-    link.rel = "stylesheet";
-    link.type = "text/css";
-    link.href = "extensions/comfyui-magnifyglass/sidebar.css";
-    document.head.appendChild(link);
+function loadSidebarStyles(onLoaded) {
+  const existingLink = document.getElementById("magnify-sidebar-styles");
+  if (existingLink) {
+    if (onLoaded) onLoaded();
+    return;
   }
+  const link = document.createElement("link");
+  link.id = "magnify-sidebar-styles";
+  link.rel = "stylesheet";
+  link.type = "text/css";
+  link.href = "extensions/comfyui-magnifyglass/sidebar.css";
+  if (onLoaded) {
+    link.onload = onLoaded;
+    link.onerror = onLoaded;
+  }
+  document.head.appendChild(link);
 }
 function renderSidebar(container) {
-  loadSidebarStyles();
   container.innerHTML = "";
   const sidebar = document.createElement("div");
   sidebar.className = "magnify-sidebar";
+  sidebar.style.visibility = "hidden";
+  sidebar.style.opacity = "0";
   const header = document.createElement("div");
   header.className = "magnify-sidebar-header";
   header.innerHTML = `${MAGNIFY_ICON}<h2>Magnify G.</h2>`;
@@ -26,6 +34,13 @@ function renderSidebar(container) {
   renderSettingsPanel(content);
   sidebar.appendChild(content);
   container.appendChild(sidebar);
+  loadSidebarStyles(() => {
+    requestAnimationFrame(() => {
+      sidebar.style.visibility = "visible";
+      sidebar.style.opacity = "1";
+      sidebar.style.transition = "opacity 0.1s ease-in";
+    });
+  });
 }
 function registerSidebar() {
   if (sidebarRegistered) {
diff --git a/web/sidebar/sidebar.js.map b/web/sidebar/sidebar.js.map
index 6a044cc..84ffdbd 100644
--- a/web/sidebar/sidebar.js.map
+++ b/web/sidebar/sidebar.js.map
@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sources":["../../src/sidebar/sidebar.ts"],"sourcesContent":["/**\n * ComfyUI MagnifyGlass - Sidebar Entry Point\n * \n * Registers the MagnifyGlass sidebar tab with ComfyUI.\n */\n\n// @ts-ignore\nimport { app } from \"/scripts/app.js\";\nimport { renderSettingsPanel } from './SidebarSettings';\n\n/**\n * Magnify glass icon SVG\n */\nconst MAGNIFY_ICON = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"></line></svg>`;\n\n/** Track if sidebar has been registered */\nlet sidebarRegistered = false;\n\n/**\n * Load sidebar CSS\n */\nfunction loadSidebarStyles(): void {\n    if (!document.getElementById('magnify-sidebar-styles')) {\n        const link = document.createElement('link');\n        link.id = 'magnify-sidebar-styles';\n        link.rel = 'stylesheet';\n        link.type = 'text/css';\n        link.href = 'extensions/comfyui-magnifyglass/sidebar.css';\n        document.head.appendChild(link);\n    }\n}\n\n/**\n * Render the sidebar content\n */\nfunction renderSidebar(container: HTMLElement): void {\n    // Load styles\n    loadSidebarStyles();\n\n    // Clear existing content to prevent duplicates\n    container.innerHTML = '';\n\n    // Create main container\n    const sidebar = document.createElement('div');\n    sidebar.className = 'magnify-sidebar';\n\n    // Header\n    const header = document.createElement('div');\n    header.className = 'magnify-sidebar-header';\n    header.innerHTML = `${MAGNIFY_ICON}<h2>Magnify G.</h2>`;\n    sidebar.appendChild(header);\n\n    // Content area\n    const content = document.createElement('div');\n    content.className = 'magnify-sidebar-content';\n\n    // Render settings panel (contains all settings)\n    renderSettingsPanel(content);\n\n    sidebar.appendChild(content);\n    container.appendChild(sidebar);\n}\n\n/**\n * Register the sidebar tab with ComfyUI\n */\nexport function registerSidebar(): void {\n    // Prevent duplicate registration\n    if (sidebarRegistered) {\n        return;\n    }\n\n    // Wait for app to be ready\n    if (!app.extensionManager) {\n        console.warn('MagnifyGlass: extensionManager not available, sidebar registration skipped');\n        return;\n    }\n\n    try {\n        app.extensionManager.registerSidebarTab({\n            id: 'magnifyglass',\n            icon: 'pi pi-search',\n            title: 'Magnify G.',\n            tooltip: 'MagnifyGlass Settings',\n            type: 'custom',\n            render: (el: HTMLElement) => {\n                renderSidebar(el);\n            }\n        });\n\n        sidebarRegistered = true;\n        console.log('MagnifyGlass: Sidebar registered successfully');\n    } catch (e) {\n        console.warn('MagnifyGlass: Failed to register sidebar:', e);\n    }\n}\n\n/**\n * Initialize sidebar (called after app setup)\n */\nexport function initSidebar(): void {\n    // Register on next tick to ensure app is ready\n    setTimeout(() => {\n        registerSidebar();\n    }, 100);\n}\n"],"names":[],"mappings":";;AAaA,MAAM,eAAe;AAGrB,IAAI,oBAAoB;AAKxB,SAAS,oBAA0B;AAC/B,MAAI,CAAC,SAAS,eAAe,wBAAwB,GAAG;AACpD,UAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,SAAK,KAAK;AACV,SAAK,MAAM;AACX,SAAK,OAAO;AACZ,SAAK,OAAO;AACZ,aAAS,KAAK,YAAY,IAAI;AAAA,EAClC;AACJ;AAKA,SAAS,cAAc,WAA8B;AAEjD,oBAAA;AAGA,YAAU,YAAY;AAGtB,QAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,UAAQ,YAAY;AAGpB,QAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,SAAO,YAAY;AACnB,SAAO,YAAY,GAAG,YAAY;AAClC,UAAQ,YAAY,MAAM;AAG1B,QAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,UAAQ,YAAY;AAGpB,sBAAoB,OAAO;AAE3B,UAAQ,YAAY,OAAO;AAC3B,YAAU,YAAY,OAAO;AACjC;AAKO,SAAS,kBAAwB;AAEpC,MAAI,mBAAmB;AACnB;AAAA,EACJ;AAGA,MAAI,CAAC,IAAI,kBAAkB;AACvB,YAAQ,KAAK,4EAA4E;AACzF;AAAA,EACJ;AAEA,MAAI;AACA,QAAI,iBAAiB,mBAAmB;AAAA,MACpC,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ,CAAC,OAAoB;AACzB,sBAAc,EAAE;AAAA,MACpB;AAAA,IAAA,CACH;AAED,wBAAoB;AACpB,YAAQ,IAAI,+CAA+C;AAAA,EAC/D,SAAS,GAAG;AACR,YAAQ,KAAK,6CAA6C,CAAC;AAAA,EAC/D;AACJ;AAKO,SAAS,cAAoB;AAEhC,aAAW,MAAM;AACb,oBAAA;AAAA,EACJ,GAAG,GAAG;AACV;"}
\ No newline at end of file
+{"version":3,"file":"sidebar.js","sources":["../../src/sidebar/sidebar.ts"],"sourcesContent":["/**\n * ComfyUI MagnifyGlass - Sidebar Entry Point\n * \n * Registers the MagnifyGlass sidebar tab with ComfyUI.\n */\n\n// @ts-ignore\nimport { app } from \"/scripts/app.js\";\nimport { renderSettingsPanel } from './SidebarSettings';\n\n/**\n * Magnify glass icon SVG\n */\nconst MAGNIFY_ICON = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"></line></svg>`;\n\n/** Track if sidebar has been registered */\nlet sidebarRegistered = false;\n\n/**\n * Load sidebar CSS\n */\nfunction loadSidebarStyles(onLoaded?: () => void): void {\n    const existingLink = document.getElementById('magnify-sidebar-styles') as HTMLLinkElement;\n\n    if (existingLink) {\n        // Already exists, call callback immediately\n        if (onLoaded) onLoaded();\n        return;\n    }\n\n    const link = document.createElement('link');\n    link.id = 'magnify-sidebar-styles';\n    link.rel = 'stylesheet';\n    link.type = 'text/css';\n    link.href = 'extensions/comfyui-magnifyglass/sidebar.css';\n\n    if (onLoaded) {\n        link.onload = onLoaded;\n        link.onerror = onLoaded; // Still show content even if CSS fails\n    }\n\n    document.head.appendChild(link);\n}\n\n/**\n * Render the sidebar content\n */\nfunction renderSidebar(container: HTMLElement): void {\n    // Clear existing content to prevent duplicates\n    container.innerHTML = '';\n\n    // Create main container (hidden initially to prevent flash of unstyled content)\n    const sidebar = document.createElement('div');\n    sidebar.className = 'magnify-sidebar';\n    sidebar.style.visibility = 'hidden';\n    sidebar.style.opacity = '0';\n\n    // Header\n    const header = document.createElement('div');\n    header.className = 'magnify-sidebar-header';\n    header.innerHTML = `${MAGNIFY_ICON}<h2>Magnify G.</h2>`;\n    sidebar.appendChild(header);\n\n    // Content area\n    const content = document.createElement('div');\n    content.className = 'magnify-sidebar-content';\n\n    // Render settings panel (contains all settings)\n    renderSettingsPanel(content);\n\n    sidebar.appendChild(content);\n    container.appendChild(sidebar);\n\n    // Load styles and show sidebar after loaded\n    loadSidebarStyles(() => {\n        // Small delay to ensure styles are applied\n        requestAnimationFrame(() => {\n            sidebar.style.visibility = 'visible';\n            sidebar.style.opacity = '1';\n            sidebar.style.transition = 'opacity 0.1s ease-in';\n        });\n    });\n}\n\n/**\n * Register the sidebar tab with ComfyUI\n */\nexport function registerSidebar(): void {\n    // Prevent duplicate registration\n    if (sidebarRegistered) {\n        return;\n    }\n\n    // Wait for app to be ready\n    if (!app.extensionManager) {\n        console.warn('MagnifyGlass: extensionManager not available, sidebar registration skipped');\n        return;\n    }\n\n    try {\n        app.extensionManager.registerSidebarTab({\n            id: 'magnifyglass',\n            icon: 'pi pi-search',\n            title: 'Magnify G.',\n            tooltip: 'MagnifyGlass Settings',\n            type: 'custom',\n            render: (el: HTMLElement) => {\n                renderSidebar(el);\n            }\n        });\n\n        sidebarRegistered = true;\n        console.log('MagnifyGlass: Sidebar registered successfully');\n    } catch (e) {\n        console.warn('MagnifyGlass: Failed to register sidebar:', e);\n    }\n}\n\n/**\n * Initialize sidebar (called after app setup)\n */\nexport function initSidebar(): void {\n    // Register on next tick to ensure app is ready\n    setTimeout(() => {\n        registerSidebar();\n    }, 100);\n}\n"],"names":[],"mappings":";;AAaA,MAAM,eAAe;AAGrB,IAAI,oBAAoB;AAKxB,SAAS,kBAAkB,UAA6B;AACpD,QAAM,eAAe,SAAS,eAAe,wBAAwB;AAErE,MAAI,cAAc;AAEd,QAAI,SAAU,UAAA;AACd;AAAA,EACJ;AAEA,QAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,OAAK,KAAK;AACV,OAAK,MAAM;AACX,OAAK,OAAO;AACZ,OAAK,OAAO;AAEZ,MAAI,UAAU;AACV,SAAK,SAAS;AACd,SAAK,UAAU;AAAA,EACnB;AAEA,WAAS,KAAK,YAAY,IAAI;AAClC;AAKA,SAAS,cAAc,WAA8B;AAEjD,YAAU,YAAY;AAGtB,QAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,UAAQ,YAAY;AACpB,UAAQ,MAAM,aAAa;AAC3B,UAAQ,MAAM,UAAU;AAGxB,QAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,SAAO,YAAY;AACnB,SAAO,YAAY,GAAG,YAAY;AAClC,UAAQ,YAAY,MAAM;AAG1B,QAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,UAAQ,YAAY;AAGpB,sBAAoB,OAAO;AAE3B,UAAQ,YAAY,OAAO;AAC3B,YAAU,YAAY,OAAO;AAG7B,oBAAkB,MAAM;AAEpB,0BAAsB,MAAM;AACxB,cAAQ,MAAM,aAAa;AAC3B,cAAQ,MAAM,UAAU;AACxB,cAAQ,MAAM,aAAa;AAAA,IAC/B,CAAC;AAAA,EACL,CAAC;AACL;AAKO,SAAS,kBAAwB;AAEpC,MAAI,mBAAmB;AACnB;AAAA,EACJ;AAGA,MAAI,CAAC,IAAI,kBAAkB;AACvB,YAAQ,KAAK,4EAA4E;AACzF;AAAA,EACJ;AAEA,MAAI;AACA,QAAI,iBAAiB,mBAAmB;AAAA,MACpC,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ,CAAC,OAAoB;AACzB,sBAAc,EAAE;AAAA,MACpB;AAAA,IAAA,CACH;AAED,wBAAoB;AACpB,YAAQ,IAAI,+CAA+C;AAAA,EAC/D,SAAS,GAAG;AACR,YAAQ,KAAK,6CAA6C,CAAC;AAAA,EAC/D;AACJ;AAKO,SAAS,cAAoB;AAEhC,aAAW,MAAM;AACb,oBAAA;AAAA,EACJ,GAAG,GAAG;AACV;"}
\ No newline at end of file