@moneybar.online/moneybar 4.2.4 → 5.0.1

package/dist/index.js

@@ -1,3213 +1,2 @@
-import { createClient } from '@supabase/supabase-js';
-/**
- * MoneyBar - The navbar of monetization
- *
- * Fix the 3 money-blocking stages that stop revenue:
- * 1. Forced sign-ins before value → Value-first trials
- * 2. Silent drop-offs → Exit feedback capture
- * 3. Broken payment flows → Seamless Google Auth + payments
- *
- * Features:
- * - Server-side usage tracking (incognito-proof)
- * - Google OAuth authentication
- * - Payment integration with DodoPayments
- * - User feedback collection
- * - Automatic UI management (paywall, auth, status)
- * - User context for personalization
- *
- * @example Simple Usage (Recommended):
- * ```javascript
- * import { MoneyBar } from '@moneybar.online/moneybar';
- *
- * const moneyBar = new MoneyBar({
- *   appId: 'my-pdf-app',
- *   freeAttemptLimit: 3,
- *   supabase: { url: 'https://xyz.supabase.co', anonKey: 'anon_key' },
- *   payment: { productId: 'prod_xyz' }
- * });
- *
- * // Single button - handles all monetization automatically
- * moneyBar.attachToButton('#action-btn', (userContext) => {
- *   // Your action logic here - with user context for personalization
- *   if (userContext.isPremium) {
- *     generatePremiumPDF();
- *   } else {
- *     generateBasicPDF();
- *   }
- * });
- * ```
- *
- * @example Multiple Buttons:
- * ```javascript
- * moneyBar.attachToButtons({
- *   buttons: [
- *     {
- *       selector: '#free-btn',
- *       downloadCallback: (ctx) => downloadFreeTemplate(ctx),
- *       isPremium: false
- *     },
- *     {
- *       selector: '#premium-btn',
- *       downloadCallback: (ctx) => downloadPremiumTemplate(ctx),
- *       isPremium: true
- *     }
- *   ]
- * });
- * ```
- */
-export class MoneyBar {
-    mergeConfigs(config) {
-        // Try to get config from window.APP_CONFIG
-        const windowConfig = typeof window !== 'undefined' ? window.APP_CONFIG : null;
-        if (!config && !windowConfig) {
-            throw new Error('MoneyBar: No configuration provided. Either pass config to constructor or set window.APP_CONFIG');
-        }
-        // If no constructor config provided, use window config entirely
-        if (!config) {
-            return windowConfig;
-        }
-        // If no window config, use constructor config entirely
-        if (!windowConfig) {
-            return config;
-        }
-        // Merge configs: constructor config takes precedence over window config
-        return {
-            ...windowConfig,
-            ...config
-        };
-    }
-    constructor(config) {
-        this.currentUser = null;
-        this.userFingerprint = null;
-        this.eventListeners = new Map();
-        this.supabaseConnectionFailed = false;
-        this.paymentConnectionFailed = false;
-        this.securityKeyFailed = false; // Track security key validation failures
-        this.isLoadingStatus = false; // Track if we're currently loading status from backend
-        this.cachedStatus = null;
-        this.statusCacheTime = 0;
-        this.STATUS_CACHE_DURATION = 5000; // 5 seconds cache
-        this.initializationPromise = null;
-        this.cachedPremiumStatus = null;
-        this.premiumStatusCacheTime = 0;
-        // Auto-load from window.APP_CONFIG if no config provided, or merge configs
-        this.config = this.mergeConfigs(config);
-        if (this.config.options?.debug) {
-            // console.log('🔍 DEBUG: MoneyBar constructor - full config:', JSON.stringify(config, null, 2));
-            // console.log('🔍 DEBUG: Email config present:', !!config.email);
-        }
-        this.validateConfig();
-        this.initializeSupabase();
-        this.initializePayment();
-        this.initializeFingerprint();
-        this.setupAuthListener();
-        this.checkPaymentStatus();
-    }
-    /**
-     * Main method to handle download attempts
-     * Call this from your download button's click handler
-     */
-    async handleDownload() {
-        try {
-            // Security check: if security key validation failed
-            if (this.securityKeyFailed) {
-                this.showError('Invalid Security Key', 'Your security key is invalid, expired, or not found. Please check your MoneyBar configuration and ensure you have a valid security_key.');
-                return;
-            }
-            // Security check: if Supabase connection failed, disable downloads to prevent localStorage bypass
-            if (this.supabaseConnectionFailed) {
-                this.config.callbacks?.onError?.(new Error('Server connection required for download verification. Please check your configuration.'));
-                return;
-            }
-            // Security check: if payment configuration is invalid, disable downloads
-            if (this.config.payment && this.paymentConnectionFailed) {
-                this.config.callbacks?.onError?.(new Error('Payment configuration error. Please contact support.'));
-                return;
-            }
-            // Check if user is premium first (if authenticated)
-            if (this.currentUser) {
-                const isPremium = await this.checkPremiumStatus(this.currentUser.email);
-                if (isPremium) {
-                    this.config.callbacks?.onPremiumDownload();
-                    return;
-                }
-            }
-            // Check usage limits (works for both authenticated and anonymous users)
-            const status = await this.getDownloadStatus();
-            if (status.currentCount >= status.limit) {
-                // Limit reached - show paywall/limit message
-                this.config.callbacks?.onLimitReached(status.currentCount, status.limit);
-                return;
-            }
-            // Increment counter and proceed with action
-            await this.incrementDownloadCount();
-            this.config.callbacks?.onDownloadAllowed();
-            // Invalidate cache since count changed
-            this.cachedStatus = null;
-            // Check if limit reached after increment
-            const newStatus = await this.getDownloadStatus();
-            this.emit('countChanged', { count: newStatus.currentCount, limit: newStatus.limit });
-            if (newStatus.currentCount >= newStatus.limit) {
-                // Show paywall for next time
-                setTimeout(() => {
-                    this.config.callbacks?.onLimitReached(newStatus.currentCount, newStatus.limit);
-                }, 100);
-            }
-        }
-        catch (error) {
-            this.handleError(error);
-        }
-    }
-    /**
-     * Get current download status for the user
-     */
-    async getDownloadStatus(forceRefresh = false) {
-        // console.log(`🔍 [INIT] getDownloadStatus called (forceRefresh: ${forceRefresh}) at ${new Date().toISOString()}`);
-        // Check if we can use cached status
-        const cacheAge = this.cachedStatus ? Date.now() - this.statusCacheTime : -1;
-        const canUseCache = !forceRefresh && this.cachedStatus && cacheAge < this.STATUS_CACHE_DURATION;
-        if (canUseCache) {
-            // console.log(`🔍 [INIT] Using cached status (age: ${cacheAge}ms)`);
-            return this.cachedStatus;
-        }
-        // If there's already an initialization in progress and it's not forced refresh, wait for it
-        if (!forceRefresh && this.initializationPromise) {
-            // console.log(`🔍 [INIT] Waiting for existing initialization promise`);
-            return await this.initializationPromise;
-        }
-        // console.log(`🔍 [INIT] Starting new status fetch (cache age: ${cacheAge}ms)`);
-        // Create the initialization promise
-        this.initializationPromise = this.fetchFreshStatus(forceRefresh);
-        try {
-            const result = await this.initializationPromise;
-            // console.log(`🔍 [INIT] Status fetch completed successfully`);
-            return result;
-        }
-        finally {
-            // Clear the promise after completion
-            this.initializationPromise = null;
-        }
-    }
-    async fetchFreshStatus(forceRefresh) {
-        try {
-            let count = 0;
-            let isPremium = false;
-            // Only call API if we really need fresh data
-            if (forceRefresh || !this.cachedStatus) {
-                // Get download count only if we don't have it cached
-                count = await this.getDownloadCount();
-                // CRITICAL: Check if security key validation failed
-                // Don't proceed with normal status if there's a security error
-                if (this.securityKeyFailed) {
-                    // Return a minimal error status
-                    return {
-                        currentCount: 0,
-                        limit: this.config.freeAttemptLimit,
-                        isPremium: false,
-                        isAuthenticated: false,
-                        remaining: 0
-                    };
-                }
-            }
-            else {
-                // Use cached count if available to avoid unnecessary API call
-                count = this.cachedStatus.currentCount;
-            }
-            // Check premium status only for authenticated users, and only when needed
-            if (this.currentUser) {
-                const premiumCacheValid = this.cachedPremiumStatus !== null && (Date.now() - this.premiumStatusCacheTime) < this.STATUS_CACHE_DURATION;
-                if (forceRefresh || !premiumCacheValid) {
-                    isPremium = await this.checkPremiumStatus(this.currentUser.email);
-                    // Update cache
-                    this.cachedPremiumStatus = isPremium;
-                    this.premiumStatusCacheTime = Date.now();
-                }
-                else {
-                    // Use cached premium status to avoid unnecessary API call
-                    isPremium = this.cachedPremiumStatus; // We know it's not null because premiumCacheValid is true
-                    console.log(`🔍 [CACHE] Using cached premium status from getDownloadStatus: ${isPremium}`);
-                }
-            }
-            else {
-                // Unauthenticated users cannot be premium
-                isPremium = false;
-            }
-            const status = {
-                currentCount: count,
-                limit: this.config.freeAttemptLimit,
-                isPremium,
-                isAuthenticated: !!this.currentUser,
-                remaining: Math.max(0, this.config.freeAttemptLimit - count)
-            };
-            // Cache the status
-            this.cachedStatus = status;
-            this.statusCacheTime = Date.now();
-            return status;
-        }
-        catch (error) {
-            this.handleError(error);
-            // Return safe defaults on error
-            const errorStatus = {
-                currentCount: 0,
-                limit: this.config.freeAttemptLimit,
-                isPremium: false,
-                isAuthenticated: false,
-                remaining: this.config.freeAttemptLimit
-            };
-            // Cache error status for short time to avoid repeated failures
-            this.cachedStatus = errorStatus;
-            this.statusCacheTime = Date.now();
-            return errorStatus;
-        }
-    }
-    /**
-     * Creates a UserContext object with current user information
-     */
-    async getUserContext() {
-        const status = await this.getDownloadStatus();
-        return {
-            isPremium: status.isPremium,
-            isAuthenticated: status.isAuthenticated,
-            email: this.currentUser?.email,
-            name: this.currentUser?.user_metadata?.full_name || this.currentUser?.user_metadata?.name,
-            currentCount: status.currentCount,
-            remaining: status.remaining,
-            limit: status.limit,
-            user: this.currentUser
-        };
-    }
-    /**
-     * Manually trigger Google sign-in
-     */
-    async signIn() {
-        try {
-            const { error } = await this.supabase.auth.signInWithOAuth({
-                provider: 'google',
-                options: {
-                    redirectTo: `${window.location.origin}${window.location.pathname}`
-                }
-            });
-            if (error)
-                throw error;
-        }
-        catch (error) {
-            this.handleError(error);
-        }
-    }
-    /**
-     * Sign out current user
-     */
-    async signOut() {
-        try {
-            await this.supabase.auth.signOut();
-            this.currentUser = null;
-            this.emit('authChanged', { user: null, isPremium: false });
-        }
-        catch (error) {
-            this.handleError(error);
-        }
-    }
-    /**
-     * Create payment for premium upgrade
-     */
-    async createPayment() {
-        if (!this.currentUser) {
-            throw new Error('User must be signed in to create payment');
-        }
-        if (!this.config.payment) {
-            throw new Error('Payment configuration not provided');
-        }
-        const payment = this.config.payment?.find(p => p.provider === 'dodo');
-        if (!payment) {
-            throw new Error('No dodo payment provider configured');
-        }
-        const requestBody = {
-            email: this.currentUser.email,
-            product_id: payment.productId,
-            mode: payment.mode || 'test',
-            app_id: this.config.appId,
-            return_url: `${window.location.origin}${window.location.pathname}?payment=success`
-        };
-        console.log(`🔥 [PAYMENT API] createPayment called for provider: ${payment.provider}, email: ${this.currentUser.email} | Time: ${new Date().toISOString()}`);
-        try {
-            // Route to appropriate payment API based on provider
-            let response;
-            if (payment.provider === 'dodo') {
-                response = await fetch(`${this.config.supabase.url}/functions/v1/create-payment`, {
-                    method: 'POST',
-                    headers: {
-                        'Content-Type': 'application/json',
-                        'Authorization': `Bearer ${this.config.supabase.anonKey}`
-                    },
-                    body: JSON.stringify(requestBody)
-                });
-            }
-            else {
-                throw new Error(`Payment provider '${payment.provider}' is not yet supported`);
-            }
-            console.log(`🔥 [PAYMENT API] createPayment response for ${payment.provider}: ${response.status}`);
-            if (this.config.options?.debug) {
-                //console.log('🔍 DEBUG: createPayment response status:', response.status);
-            }
-            if (!response.ok) {
-                const errorText = await response.text();
-                if (this.config.options?.debug) {
-                    console.error('🔍 DEBUG: createPayment error response:', errorText);
-                }
-                let errorData;
-                try {
-                    errorData = JSON.parse(errorText);
-                }
-                catch {
-                    errorData = { error: errorText };
-                }
-                // Check if this is a product ID error (invalid config)
-                if (errorText.includes('404') || errorText.includes('could not be found')) {
-                    this.paymentConnectionFailed = true;
-                    if (this.config.options?.debug) {
-                        console.warn('Invalid payment product ID detected, disabling downloads');
-                    }
-                    // Update UI to show disabled state
-                    this.updateStatusDisplays();
-                }
-                throw new Error(errorData.error || 'Payment creation failed');
-            }
-            const result = await response.json();
-            if (this.config.options?.debug) {
-                //console.log('🔍 DEBUG: createPayment success response:', result);
-            }
-            return result;
-        }
-        catch (error) {
-            this.handleError(error);
-            return null;
-        }
-    }
-    /**
-     * Simplified API: Attach download limiting to a single button
-     * Handles all UI logic automatically (paywall, auth, payment flow)
-     */
-    attachToButton(selector, downloadCallback) {
-        //console.log('🎨 [THEME DEBUG] attachToButton called');
-        //console.log('🎨 [THEME DEBUG] Full config:', JSON.stringify(this.config, null, 2));
-        const button = document.querySelector(selector);
-        if (!button) {
-            throw new Error(`Button not found: ${selector}`);
-        }
-        // Store original button text (for potential future use)
-        // const originalText = button.textContent || 'Download';
-        // Create and inject UI elements
-        this.injectBaseStyles();
-        this.createTitleBar(); // Always create title bar first
-        this.createPaywallModal();
-        this.createSuccessModal();
-        this.createAuthUI();
-        this.createStatusDisplay();
-        // Set up button click handler
-        // Mark button as attached by LeadFast
-        button.setAttribute('data-leadfast-attached', 'true');
-        button.onclick = async (e) => {
-            e.preventDefault();
-            await this.handleButtonClick(downloadCallback);
-        };
-        // Update UI based on auth state
-        this.setupUIUpdates();
-    }
-    /**
-     * Simplified API: Attach download limiting to multiple buttons
-     * Each button can have different download callbacks and premium status
-     */
-    attachToButtons(config) {
-        this.injectBaseStyles();
-        this.createTitleBar(); // Always create title bar first
-        this.createPaywallModal();
-        this.createSuccessModal();
-        this.createAuthUI();
-        config.buttons.forEach(buttonConfig => {
-            const button = document.querySelector(buttonConfig.selector);
-            if (!button) {
-                console.warn(`Button not found: ${buttonConfig.selector}`);
-                return;
-            }
-            // Store original text for potential future use
-            // const originalText = button.textContent || 'Download';
-            // Set up click handler - all buttons use the same logic now
-            // Mark button as attached by LeadFast
-            button.setAttribute('data-leadfast-attached', 'true');
-            button.onclick = async (e) => {
-                e.preventDefault();
-                await this.handleButtonClick(buttonConfig.downloadCallback);
-            };
-            this.setupUIUpdates();
-        });
-        // Add global status display
-        this.createGlobalStatusDisplay();
-    }
-    async handleButtonClick(downloadCallback) {
-        // Prevent rapid clicks/race conditions
-        const button = document.querySelector('[data-leadfast-attached="true"]');
-        if (button && button.disabled) {
-            console.log('⚠️ Button click ignored - operation already in progress');
-            return;
-        }
-        if (button) {
-            button.disabled = true;
-            button.style.opacity = '0.6';
-        }
-        try {
-            await this.handleButtonClickInternal(downloadCallback);
-        }
-        finally {
-            // Re-enable button
-            if (button) {
-                button.disabled = false;
-                button.style.opacity = '1';
-            }
-        }
-    }
-    async handleButtonClickInternal(downloadCallback) {
-        // const clickTime = Date.now();
-        // console.log(`🕐 [TIMING] Button click started at: ${new Date(clickTime).toISOString()}`);
-        // Security check: if Supabase connection failed, disable downloads to prevent localStorage bypass
-        if (this.supabaseConnectionFailed) {
-            // console.log(`🕐 [TIMING] Connection failed check: ${Date.now() - clickTime}ms`);
-            this.showConnectionError();
-            return;
-        }
-        // Security check: if payment configuration is invalid, disable downloads
-        if (this.config.payment && this.paymentConnectionFailed) {
-            // console.log(`🕐 [TIMING] Payment config failed check: ${Date.now() - clickTime}ms`);
-            this.showPaymentConfigError();
-            return;
-        }
-        // Check cache status
-        const cacheValid = this.cachedStatus && (Date.now() - this.statusCacheTime) < this.STATUS_CACHE_DURATION;
-        // console.log(`🕐 [CACHE] Cache valid: ${cacheValid}, age: ${this.cachedStatus ? Date.now() - this.statusCacheTime : 'no cache'}ms`);
-        // console.log(`🕐 [CACHE] Cached status:`, this.cachedStatus);
-        // const statusStartTime = Date.now();
-        // Use cached status if available (since it's already displayed in title bar)
-        const status = cacheValid
-            ? this.cachedStatus
-            : await this.getDownloadStatus();
-        // console.log(`🕐 [TIMING] Status check completed: ${Date.now() - statusStartTime}ms (total: ${Date.now() - clickTime}ms)`);
-        // console.log(`🕐 [STATUS] Final status:`, status);
-        // Check if user is premium first (quick check from cached status)
-        if (status.isPremium) {
-            // console.log(`🕐 [TIMING] Premium user - callback executed: ${Date.now() - clickTime}ms`);
-            // Get user context for premium users too
-            const userContext = await this.getUserContext();
-            // Check if callback expects user context parameter
-            if (downloadCallback.length > 0) {
-                // Callback expects user context parameter
-                downloadCallback(userContext);
-            }
-            else {
-                // Legacy callback with no parameters
-                downloadCallback();
-            }
-            return;
-        }
-        // Quick limit check from cached status - show paywall immediately if needed
-        if (status.currentCount >= status.limit) {
-            // console.log(`🕐 [TIMING] Limit reached (${status.currentCount}/${status.limit}) - showing paywall: ${Date.now() - clickTime}ms`);
-            // Limit reached - show paywall instantly (no additional API calls)
-            // const paywallStartTime = Date.now();
-            this.showPaywallInstant(status);
-            // console.log(`🕐 [TIMING] Paywall shown: ${Date.now() - paywallStartTime}ms (total: ${Date.now() - clickTime}ms)`);
-            return;
-        }
-        // console.log(`🕐 [TIMING] Limit not reached (${status.currentCount}/${status.limit}) - proceeding with action`);
-        // Allow action and increment counter
-        // const incrementStartTime = Date.now();
-        // Execute user's function first - only increment count if it succeeds
-        try {
-            // Check if callback expects user context parameter
-            if (downloadCallback.length > 0) {
-                // Get user context BEFORE increment for callback
-                const userContext = await this.getUserContext();
-                // For non-premium users, simulate the increment so user context matches UI
-                if (!userContext.isPremium) {
-                    userContext.currentCount += 1;
-                    userContext.remaining = Math.max(0, userContext.limit - userContext.currentCount);
-                }
-                // Callback expects user context parameter
-                downloadCallback(userContext);
-            }
-            else {
-                // Legacy callback with no parameters
-                downloadCallback();
-            }
-            // Double-check limit before increment (race condition protection)
-            const freshStatus = await this.getDownloadStatus(true); // Force refresh
-            if (freshStatus.currentCount >= freshStatus.limit) {
-                console.warn(`⚠️ Limit reached during execution (${freshStatus.currentCount}/${freshStatus.limit}) - canceling increment`);
-                // User reached limit while their function was executing
-                alert('⚠️ You reached the limit while this action was processing. No attempt was counted.');
-                return;
-            }
-            // Only increment count after successful execution - with limit check
-            const newCount = await this.incrementDownloadCount();
-            // Double-check: if server returned count exceeding limit, something went wrong
-            if (newCount > this.config.freeAttemptLimit) {
-                console.error(`⚠️ Server returned count (${newCount}) exceeding limit (${this.config.freeAttemptLimit})`);
-                // Don't update UI with invalid state
-                return;
-            }
-            // console.log(`🕐 [TIMING] Count incremented: ${Date.now() - incrementStartTime}ms`);
-            // Show success message only if explicitly enabled in config
-            if (this.config.successMessage?.enabled === true) {
-                const title = this.config.successMessage?.title || 'Action Completed!';
-                const message = this.config.successMessage?.message || 'Your action completed successfully!';
-                this.showSuccess(title, message);
-            }
-        }
-        catch (error) {
-            console.error('User function failed:', error);
-            // Don't increment count on error - user shouldn't lose an attempt
-            alert('Action failed. Please check the console for details. No attempt was counted.');
-            return; // Exit early, don't update UI
-        }
-        // Update UI with fresh status (invalidate cache since count changed)
-        // console.log(`🕐 [CACHE] Invalidating cache due to count change (was: ${this.cachedStatus ? 'cached' : 'null'})`);
-        this.cachedStatus = null;
-        this.updateStatusDisplays();
-        // console.log(`🕐 [TIMING] Button click completed: ${Date.now() - clickTime}ms`);
-    }
-    injectBaseStyles() {
-        //console.log('🎨 [THEME DEBUG] injectBaseStyles called');
-        if (document.getElementById('lead-fast-styles')) {
-            //console.log('🎨 [THEME DEBUG] Styles already injected, skipping');
-            return;
-        }
-        // Inject DaisyUI CDN if theme is specified
-        if (this.config.theme?.name) {
-            //console.log('🎨 [THEME DEBUG] Theme specified, calling injectDaisyUI');
-            this.injectDaisyUI();
-        }
-        else {
-            //console.log('🎨 [THEME DEBUG] No theme specified in config');
-        }
-        const styles = document.createElement('style');
-        styles.id = 'lead-fast-styles';
-        const primaryColor = this.config.theme?.primaryColor || '#3182ce';
-        styles.textContent = `
-      /* User Profile Card - Top Right */
-      .lead-fast-profile {
-        position: fixed;
-        top: 20px;
-        left: 50%;
-        transform: translateX(-50%);
-        z-index: 1000;
-        font-family: system-ui, -apple-system, sans-serif;
-        width: 90%;
-        max-width: 1200px;
-      }
-
-      .lead-fast-title-bar {
-        background: rgba(250, 247, 245, 0.9) !important;
-        border: 1px solid rgba(231, 226, 223, 0.6) !important;
-        color: #291334 !important;
-        border-radius: 16px;
-        padding: 12px 24px;
-        box-shadow: 0 8px 32px rgb(0 0 0 / 0.1), 0 2px 8px rgb(0 0 0 / 0.05);
-        backdrop-filter: blur(20px);
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        min-height: 60px;
-        font-family: system-ui, -apple-system, sans-serif;
-      }
-
-      /* Theme variations for floating title bar */
-      [data-theme="bumblebee"] .lead-fast-title-bar {
-        background: rgba(255, 248, 220, 0.9) !important;
-        border-color: rgba(254, 215, 170, 0.6) !important;
-        color: #1c1917 !important;
-      }
-
-      [data-theme="garden"] .lead-fast-title-bar {
-        background: rgba(240, 253, 244, 0.9) !important;
-        border-color: rgba(134, 239, 172, 0.6) !important;
-        color: #14532d !important;
-      }
-
-      [data-theme="emerald"] .lead-fast-title-bar {
-        background: rgba(236, 253, 245, 0.9) !important;
-        border-color: rgba(167, 243, 208, 0.6) !important;
-        color: #065f46 !important;
-      }
-
-      [data-theme="corporate"] .lead-fast-title-bar {
-        background: rgba(248, 250, 252, 0.9) !important;
-        border-color: rgba(226, 232, 240, 0.6) !important;
-        color: #1e293b !important;
-      }
-
-      [data-theme="dark"] .lead-fast-title-bar {
-        background: rgba(31, 41, 55, 0.9) !important;
-        border-color: rgba(55, 65, 81, 0.6) !important;
-        color: #f9fafb !important;
-      }
-
-      [data-theme="cyberpunk"] .lead-fast-title-bar {
-        background: rgba(0, 20, 36, 0.9) !important;
-        border-color: rgba(7, 89, 133, 0.6) !important;
-        color: #0ea5e9 !important;
-        box-shadow: 0 8px 32px rgba(14, 165, 233, 0.2), 0 2px 8px rgba(14, 165, 233, 0.1);
-      }
-
-      [data-theme="valentine"] .lead-fast-title-bar {
-        background: rgba(233, 30, 122, 0.15) !important;
-        border-color: rgba(233, 30, 122, 0.6) !important;
-        color: #831843 !important;
-      }
-
-      [data-theme="synthwave"] .lead-fast-title-bar {
-        background: rgba(32, 20, 64, 0.9) !important;
-        border-color: rgba(186, 85, 211, 0.6) !important;
-        color: #ff00ff !important;
-        box-shadow: 0 8px 32px rgba(255, 0, 255, 0.2), 0 2px 8px rgba(255, 0, 255, 0.1);
-      }
-
-      [data-theme="dracula"] .lead-fast-title-bar {
-        background: rgba(40, 42, 54, 0.9) !important;
-        border-color: rgba(98, 114, 164, 0.6) !important;
-        color: #f8f8f2 !important;
-      }
-
-      [data-theme="halloween"] .lead-fast-title-bar {
-        background: rgba(26, 26, 26, 0.9) !important;
-        border-color: rgba(255, 165, 0, 0.6) !important;
-        color: #ff6600 !important;
-      }
-
-      [data-theme="forest"] .lead-fast-title-bar {
-        background: rgba(23, 46, 23, 0.9) !important;
-        border-color: rgba(34, 197, 94, 0.6) !important;
-        color: #22c55e !important;
-      }
-
-      [data-theme="luxury"] .lead-fast-title-bar {
-        background: rgba(9, 9, 11, 0.9) !important;
-        border-color: rgba(212, 175, 55, 0.6) !important;
-        color: #d4af37 !important;
-      }
-
-      [data-theme="night"] .lead-fast-title-bar {
-        background: rgba(15, 23, 42, 0.9) !important;
-        border-color: rgba(30, 58, 138, 0.6) !important;
-        color: #60a5fa !important;
-      }
-
-      [data-theme="light"] .lead-fast-title-bar {
-        background: rgba(255, 255, 255, 0.9) !important;
-        border-color: rgba(229, 231, 235, 0.6) !important;
-        color: #1f2937 !important;
-      }
-
-      [data-theme="cupcake"] .lead-fast-title-bar {
-        background: rgba(250, 235, 215, 0.9) !important;
-        border-color: rgba(219, 185, 156, 0.6) !important;
-        color: #8b4513 !important;
-      }
-
-      [data-theme="retro"] .lead-fast-title-bar {
-        background: rgba(212, 165, 116, 0.9) !important;
-        border-color: rgba(185, 144, 102, 0.6) !important;
-        color: #5d4037 !important;
-      }
-
-      [data-theme="aqua"] .lead-fast-title-bar {
-        background: rgba(240, 253, 250, 0.9) !important;
-        border-color: rgba(125, 211, 252, 0.6) !important;
-        color: #155e75 !important;
-      }
-
-      [data-theme="lofi"] .lead-fast-title-bar {
-        background: rgba(248, 248, 248, 0.9) !important;
-        border-color: rgba(68, 68, 68, 0.6) !important;
-        color: #1a1a1a !important;
-      }
-
-      [data-theme="pastel"] .lead-fast-title-bar {
-        background: rgba(254, 251, 255, 0.9) !important;
-        border-color: rgba(209, 196, 233, 0.6) !important;
-        color: #7c3aed !important;
-      }
-
-      [data-theme="fantasy"] .lead-fast-title-bar {
-        background: rgba(255, 247, 237, 0.9) !important;
-        border-color: rgba(249, 168, 212, 0.6) !important;
-        color: #be185d !important;
-      }
-
-      [data-theme="wireframe"] .lead-fast-title-bar {
-        background: rgba(223, 223, 223, 0.9) !important;
-        border-color: rgba(0, 0, 0, 0.3) !important;
-        color: #000000 !important;
-      }
-
-      [data-theme="black"] .lead-fast-title-bar {
-        background: rgba(0, 0, 0, 0.9) !important;
-        border-color: rgba(55, 55, 55, 0.6) !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="cmyk"] .lead-fast-title-bar {
-        background: rgba(0, 255, 255, 0.9) !important;
-        border-color: rgba(255, 0, 255, 0.6) !important;
-        color: #000000 !important;
-      }
-
-      [data-theme="autumn"] .lead-fast-title-bar {
-        background: rgba(139, 69, 19, 0.9) !important;
-        border-color: rgba(255, 140, 0, 0.6) !important;
-        color: #ff8c00 !important;
-      }
-
-      [data-theme="business"] .lead-fast-title-bar {
-        background: rgba(29, 78, 216, 0.9) !important;
-        border-color: rgba(59, 130, 246, 0.6) !important;
-        color: #3b82f6 !important;
-      }
-
-      [data-theme="acid"] .lead-fast-title-bar {
-        background: rgba(255, 255, 0, 0.9) !important;
-        border-color: rgba(255, 0, 255, 0.6) !important;
-        color: #000000 !important;
-      }
-
-      [data-theme="lemonade"] .lead-fast-title-bar {
-        background: rgba(255, 255, 224, 0.9) !important;
-        border-color: rgba(34, 197, 94, 0.6) !important;
-        color: #15803d !important;
-      }
-
-      [data-theme="coffee"] .lead-fast-title-bar {
-        background: rgba(101, 67, 33, 0.9) !important;
-        border-color: rgba(160, 82, 45, 0.6) !important;
-        color: #d2b48c !important;
-      }
-
-      [data-theme="winter"] .lead-fast-title-bar {
-        background: rgba(248, 250, 252, 0.9) !important;
-        border-color: rgba(59, 130, 246, 0.6) !important;
-        color: #1e40af !important;
-      }
-
-      .lead-fast-title-section {
-        display: flex;
-        align-items: center;
-        gap: 16px;
-      }
-
-      .lead-fast-logo {
-        font-size: 20px;
-        font-weight: 700;
-        display: flex;
-        align-items: center;
-        gap: 8px;
-        color: inherit;
-        text-decoration: none;
-      }
-
-      .lead-fast-logo img {
-        width: 32px;
-        height: 32px;
-        border-radius: 6px;
-      }
-
-      .lead-fast-nav {
-        display: flex;
-        align-items: center;
-        gap: 32px;
-        margin-left: 24px;
-      }
-
-      .lead-fast-nav-link {
-        color: inherit;
-        text-decoration: none;
-        font-weight: 500;
-        font-size: 14px;
-        opacity: 0.8;
-        transition: all 0.2s;
-      }
-
-      .lead-fast-nav-link:hover {
-        opacity: 1;
-        text-decoration: none;
-      }
-
-      .lead-fast-user-section {
-        display: flex;
-        align-items: center;
-        gap: 12px;
-      }
-
-      .lead-fast-avatar {
-        width: 36px;
-        height: 36px;
-        border-radius: 50%;
-        background: linear-gradient(135deg, ${primaryColor}, #4f46e5);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        color: white;
-        font-weight: 600;
-        font-size: 14px;
-      }
-
-      .lead-fast-user-info {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        gap: 2px;
-      }
-
-      .lead-fast-user-email {
-        color: inherit !important;
-        font-size: 13px;
-        font-weight: 500;
-        line-height: 1;
-      }
-
-      .lead-fast-user-status {
-        display: flex;
-        align-items: center;
-        gap: 6px;
-      }
-
-      .lead-fast-badge {
-        padding: 2px 6px;
-        border-radius: 12px;
-        font-size: 10px;
-        font-weight: 600;
-        text-transform: uppercase;
-        letter-spacing: 0.025em;
-        line-height: 1;
-      }
-
-      .lead-fast-badge.premium {
-        background: #10b981 !important;
-        color: #ffffff !important;
-      }
-
-      .lead-fast-badge.free {
-        background: #65c3c8 !important;
-        color: #291334 !important;
-      }
-
-      [data-theme="dark"] .lead-fast-badge.premium {
-        background: #059669 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="dark"] .lead-fast-badge.free {
-        background: #374151 !important;
-        color: #f9fafb !important;
-      }
-
-      .lead-fast-count {
-        font-size: 10px;
-        color: inherit !important;
-        opacity: 0.7;
-        line-height: 1;
-      }
-
-      .lead-fast-signout {
-        background: rgba(0, 0, 0, 0.1) !important;
-        border: none;
-        color: inherit !important;
-        cursor: pointer;
-        padding: 6px 12px;
-        border-radius: 8px;
-        transition: all 0.2s;
-        font-size: 11px;
-        font-weight: 500;
-        margin-left: 8px;
-      }
-
-      [data-theme="dark"] .lead-fast-signout {
-        background: rgba(255, 255, 255, 0.1) !important;
-      }
-
-      [data-theme="cyberpunk"] .lead-fast-signout {
-        background: rgba(14, 165, 233, 0.2) !important;
-      }
-
-      .lead-fast-signout:hover {
-        background: rgba(0, 0, 0, 0.2) !important;
-        transform: translateY(-1px);
-      }
-
-      [data-theme="dark"] .lead-fast-signout:hover {
-        background: rgba(255, 255, 255, 0.2) !important;
-      }
-
-      [data-theme="cyberpunk"] .lead-fast-signout:hover {
-        background: rgba(14, 165, 233, 0.3) !important;
-      }
-
-      .lead-fast-branding {
-        position: absolute;
-        bottom: -20px;
-        left: 24px;
-        font-size: 9px;
-        color: inherit !important;
-        opacity: 0.4;
-        font-weight: 500;
-        letter-spacing: 0.05em;
-        text-transform: lowercase;
-        background: rgba(255, 255, 255, 0.8);
-        padding: 2px 6px;
-        border-radius: 4px;
-        backdrop-filter: blur(8px);
-      }
-
-      [data-theme="dark"] .lead-fast-branding {
-        background: rgba(0, 0, 0, 0.6);
-      }
-
-      [data-theme="cyberpunk"] .lead-fast-branding {
-        background: rgba(0, 20, 36, 0.8);
-      }
-
-      /* Modal Theming */
-      .download-limiter-modal {
-        display: none;
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background: rgba(0,0,0,0.5);
-        z-index: 9999;
-        align-items: center;
-        justify-content: center;
-      }
-      .download-limiter-modal.show { display: flex; }
-
-      .download-limiter-content {
-        background: #faf7f5 !important;
-        color: #291334 !important;
-        padding: 2rem;
-        border-radius: 12px;
-        max-width: 400px;
-        text-align: center;
-        box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
-        border: 1px solid #e7e2df !important;
-        font-family: system-ui, -apple-system, sans-serif;
-      }
-
-      [data-theme="dark"] .download-limiter-content {
-        background: #1f2937 !important;
-        color: #f9fafb !important;
-        border-color: #374151 !important;
-      }
-
-      [data-theme="cyberpunk"] .download-limiter-content {
-        background: #001424 !important;
-        color: #0ea5e9 !important;
-        border-color: #075985 !important;
-      }
-
-      [data-theme="valentine"] .download-limiter-content {
-        background: rgba(233, 30, 122, 0.05) !important;
-        color: #831843 !important;
-        border-color: #e91e7a !important;
-      }
-
-      [data-theme="bumblebee"] .download-limiter-content {
-        background: rgba(255, 248, 220, 0.95) !important;
-        color: #1c1917 !important;
-        border-color: rgba(254, 215, 170, 0.8) !important;
-      }
-
-      [data-theme="garden"] .download-limiter-content {
-        background: rgba(240, 253, 244, 0.95) !important;
-        color: #14532d !important;
-        border-color: rgba(134, 239, 172, 0.8) !important;
-      }
-
-      [data-theme="emerald"] .download-limiter-content {
-        background: rgba(236, 253, 245, 0.95) !important;
-        color: #065f46 !important;
-        border-color: rgba(167, 243, 208, 0.8) !important;
-      }
-
-      [data-theme="corporate"] .download-limiter-content {
-        background: rgba(248, 250, 252, 0.95) !important;
-        color: #1e293b !important;
-        border-color: rgba(226, 232, 240, 0.8) !important;
-      }
-
-      [data-theme="forest"] .download-limiter-content {
-        background: rgba(23, 46, 23, 0.95) !important;
-        color: #22c55e !important;
-        border-color: rgba(34, 197, 94, 0.8) !important;
-      }
-
-      [data-theme="halloween"] .download-limiter-content {
-        background: rgba(26, 26, 26, 0.95) !important;
-        color: #ff6500 !important;
-        border-color: rgba(255, 165, 0, 0.3) !important;
-      }
-
-      [data-theme="synthwave"] .download-limiter-content {
-        background: rgba(32, 20, 64, 0.95) !important;
-        color: #ba55d3 !important;
-        border-color: rgba(186, 85, 211, 0.3) !important;
-      }
-
-      [data-theme="dracula"] .download-limiter-content {
-        background: rgba(40, 42, 54, 0.95) !important;
-        color: #f8f8f2 !important;
-        border-color: rgba(98, 114, 164, 0.3) !important;
-      }
-
-      [data-theme="luxury"] .download-limiter-content {
-        background: rgba(9, 9, 11, 0.95) !important;
-        color: #d4af37 !important;
-        border-color: rgba(212, 175, 55, 0.3) !important;
-      }
-
-      [data-theme="night"] .download-limiter-content {
-        background: rgba(15, 23, 42, 0.95) !important;
-        color: #1e40af !important;
-        border-color: rgba(30, 58, 138, 0.3) !important;
-      }
-
-      [data-theme="light"] .download-limiter-content {
-        background: rgba(255, 255, 255, 0.95) !important;
-        color: #1f2937 !important;
-        border-color: rgba(229, 231, 235, 0.8) !important;
-      }
-
-      [data-theme="cupcake"] .download-limiter-content {
-        background: rgba(250, 235, 215, 0.95) !important;
-        color: #8b4513 !important;
-        border-color: rgba(219, 185, 156, 0.8) !important;
-      }
-
-      [data-theme="retro"] .download-limiter-content {
-        background: rgba(212, 165, 116, 0.95) !important;
-        color: #5d4037 !important;
-        border-color: rgba(185, 144, 102, 0.8) !important;
-      }
-
-      [data-theme="aqua"] .download-limiter-content {
-        background: rgba(240, 253, 250, 0.95) !important;
-        color: #155e75 !important;
-        border-color: rgba(125, 211, 252, 0.8) !important;
-      }
-
-      [data-theme="lofi"] .download-limiter-content {
-        background: rgba(248, 248, 248, 0.95) !important;
-        color: #1a1a1a !important;
-        border-color: rgba(68, 68, 68, 0.8) !important;
-      }
-
-      [data-theme="pastel"] .download-limiter-content {
-        background: rgba(254, 251, 255, 0.95) !important;
-        color: #7c3aed !important;
-        border-color: rgba(209, 196, 233, 0.8) !important;
-      }
-
-      [data-theme="fantasy"] .download-limiter-content {
-        background: rgba(255, 247, 237, 0.95) !important;
-        color: #be185d !important;
-        border-color: rgba(249, 168, 212, 0.8) !important;
-      }
-
-      [data-theme="wireframe"] .download-limiter-content {
-        background: rgba(255, 255, 255, 0.95) !important;
-        color: #000000 !important;
-        border-color: rgba(0, 0, 0, 0.3) !important;
-      }
-
-      [data-theme="black"] .download-limiter-content {
-        background: rgba(0, 0, 0, 0.95) !important;
-        color: #ffffff !important;
-        border-color: rgba(55, 55, 55, 0.8) !important;
-      }
-
-      [data-theme="cmyk"] .download-limiter-content {
-        background: rgba(0, 255, 255, 0.95) !important;
-        color: #000000 !important;
-        border-color: rgba(255, 0, 255, 0.8) !important;
-      }
-
-      [data-theme="autumn"] .download-limiter-content {
-        background: rgba(139, 69, 19, 0.95) !important;
-        color: #ff8c00 !important;
-        border-color: rgba(255, 140, 0, 0.8) !important;
-      }
-
-      [data-theme="business"] .download-limiter-content {
-        background: rgba(29, 78, 216, 0.95) !important;
-        color: #3b82f6 !important;
-        border-color: rgba(59, 130, 246, 0.8) !important;
-      }
-
-      [data-theme="acid"] .download-limiter-content {
-        background: rgba(255, 255, 0, 0.95) !important;
-        color: #000000 !important;
-        border-color: rgba(255, 0, 255, 0.8) !important;
-      }
-
-      [data-theme="lemonade"] .download-limiter-content {
-        background: rgba(255, 255, 224, 0.95) !important;
-        color: #15803d !important;
-        border-color: rgba(34, 197, 94, 0.8) !important;
-      }
-
-      [data-theme="coffee"] .download-limiter-content {
-        background: rgba(101, 67, 33, 0.95) !important;
-        color: #d2b48c !important;
-        border-color: rgba(160, 82, 45, 0.8) !important;
-      }
-
-      [data-theme="winter"] .download-limiter-content {
-        background: rgba(248, 250, 252, 0.95) !important;
-        color: #1e40af !important;
-        border-color: rgba(59, 130, 246, 0.8) !important;
-      }
-
-      .download-limiter-content h2 {
-        color: inherit !important;
-        margin: 0 0 1rem 0;
-        font-size: 1.5rem;
-        font-weight: 600;
-      }
-      .download-limiter-content p {
-        color: inherit !important;
-        margin: 0 0 1.5rem 0;
-        line-height: 1.6;
-      }
-      .download-limiter-signin-btn {
-        display: inline-flex;
-        align-items: center;
-        gap: 8px;
-        background: #65c3c8 !important;
-        color: #291334 !important;
-        border: none;
-        padding: 12px 20px;
-        border-radius: 8px;
-        font-size: 14px;
-        font-weight: 500;
-        cursor: pointer;
-        text-decoration: none;
-        transition: all 0.2s;
-        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-      }
-
-      [data-theme="dark"] .download-limiter-signin-btn {
-        background: #3b82f6 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="cyberpunk"] .download-limiter-signin-btn {
-        background: #f59e0b !important;
-        color: #000000 !important;
-      }
-
-      [data-theme="valentine"] .download-limiter-signin-btn {
-        background: #e91e7a !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="bumblebee"] .download-limiter-signin-btn {
-        background: #fbbf24 !important;
-        color: #1c1917 !important;
-      }
-
-      [data-theme="garden"] .download-limiter-signin-btn {
-        background: #22c55e !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="emerald"] .download-limiter-signin-btn {
-        background: #10b981 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="corporate"] .download-limiter-signin-btn {
-        background: #3b82f6 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="forest"] .download-limiter-signin-btn {
-        background: #22c55e !important;
-        color: #1a1a1a !important;
-      }
-
-      [data-theme="halloween"] .download-limiter-signin-btn {
-        background: #ff6500 !important;
-        color: #1a1a1a !important;
-      }
-
-      [data-theme="synthwave"] .download-limiter-signin-btn {
-        background: #ba55d3 !important;
-        color: #201040 !important;
-      }
-
-      [data-theme="dracula"] .download-limiter-signin-btn {
-        background: #8be9fd !important;
-        color: #282a36 !important;
-      }
-
-      [data-theme="luxury"] .download-limiter-signin-btn {
-        background: #d4af37 !important;
-        color: #09090b !important;
-      }
-
-      [data-theme="night"] .download-limiter-signin-btn {
-        background: #1e40af !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="light"] .download-limiter-signin-btn {
-        background: #3b82f6 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="cupcake"] .download-limiter-signin-btn {
-        background: #8b4513 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="retro"] .download-limiter-signin-btn {
-        background: #d4a574 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="aqua"] .download-limiter-signin-btn {
-        background: #0891b2 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="lofi"] .download-limiter-signin-btn {
-        background: #1a1a1a !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="pastel"] .download-limiter-signin-btn {
-        background: #7c3aed !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="fantasy"] .download-limiter-signin-btn {
-        background: #be185d !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="wireframe"] .download-limiter-signin-btn {
-        background: #dfdfdf !important;
-        color: #000000 !important;
-        border: 1px solid #000000 !important;
-      }
-
-      [data-theme="black"] .download-limiter-signin-btn {
-        background: #ffffff !important;
-        color: #000000 !important;
-      }
-
-      [data-theme="cmyk"] .download-limiter-signin-btn {
-        background: #ff00ff !important;
-        color: #000000 !important;
-      }
-
-      [data-theme="autumn"] .download-limiter-signin-btn {
-        background: #ff8c00 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="business"] .download-limiter-signin-btn {
-        background: #3b82f6 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="acid"] .download-limiter-signin-btn {
-        background: #ff00ff !important;
-        color: #000000 !important;
-      }
-
-      [data-theme="lemonade"] .download-limiter-signin-btn {
-        background: #22c55e !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="coffee"] .download-limiter-signin-btn {
-        background: #a0522d !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="winter"] .download-limiter-signin-btn {
-        background: #3b82f6 !important;
-        color: #ffffff !important;
-      }
-
-      .download-limiter-signin-btn:hover {
-        opacity: 0.9;
-        transform: translateY(-1px);
-        box-shadow: 0 4px 8px rgba(0,0,0,0.15);
-      }
-
-      /* Upgrade Button Styles for All Themes */
-      [data-theme="dark"] .upgrade-btn {
-        background: #3b82f6 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="cyberpunk"] .upgrade-btn {
-        background: #ff073a !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="valentine"] .upgrade-btn {
-        background: #e91e7a !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="bumblebee"] .upgrade-btn {
-        background: #f59e0b !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="garden"] .upgrade-btn {
-        background: #10b981 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="emerald"] .upgrade-btn {
-        background: #10b981 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="corporate"] .upgrade-btn {
-        background: #3b82f6 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="forest"] .upgrade-btn {
-        background: #10b981 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="halloween"] .upgrade-btn {
-        background: #ff7b00 !important;
-        color: #000000 !important;
-      }
-
-      [data-theme="synthwave"] .upgrade-btn {
-        background: #e879f9 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="dracula"] .upgrade-btn {
-        background: #bd93f9 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="luxury"] .upgrade-btn {
-        background: #d4af37 !important;
-        color: #000000 !important;
-      }
-
-      [data-theme="night"] .upgrade-btn {
-        background: #38bdf8 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="light"] .upgrade-btn {
-        background: #3b82f6 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="cupcake"] .upgrade-btn {
-        background: #f472b6 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="retro"] .upgrade-btn {
-        background: #d4a574 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="aqua"] .upgrade-btn {
-        background: #06b6d4 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="lofi"] .upgrade-btn {
-        background: #a3a3a3 !important;
-        color: #000000 !important;
-      }
-
-      [data-theme="pastel"] .upgrade-btn {
-        background: #a78bfa !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="fantasy"] .upgrade-btn {
-        background: #f472b6 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="wireframe"] .upgrade-btn {
-        background: #dfdfdf !important;
-        color: #000000 !important;
-        border: 1px solid #000000 !important;
-      }
-
-      [data-theme="black"] .upgrade-btn {
-        background: #ffffff !important;
-        color: #000000 !important;
-      }
-
-      [data-theme="cmyk"] .upgrade-btn {
-        background: #0891b2 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="autumn"] .upgrade-btn {
-        background: #d97706 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="business"] .upgrade-btn {
-        background: #3b82f6 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="acid"] .upgrade-btn {
-        background: #84cc16 !important;
-        color: #000000 !important;
-      }
-
-      [data-theme="lemonade"] .upgrade-btn {
-        background: #22c55e !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="coffee"] .upgrade-btn {
-        background: #a0522d !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="winter"] .upgrade-btn {
-        background: #3b82f6 !important;
-        color: #ffffff !important;
-      }
-
-      /* Cancel Button Styles for All Themes */
-      [data-theme="dark"] .cancel-btn {
-        background: #4b5563 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="cyberpunk"] .cancel-btn {
-        background: #7e22ce !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="valentine"] .cancel-btn {
-        background: #c11560 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="bumblebee"] .cancel-btn {
-        background: #d97706 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="garden"] .cancel-btn {
-        background: #059669 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="emerald"] .cancel-btn {
-        background: #059669 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="corporate"] .cancel-btn {
-        background: #6b7280 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="forest"] .cancel-btn {
-        background: #059669 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="halloween"] .cancel-btn {
-        background: #7c3aed !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="synthwave"] .cancel-btn {
-        background: #7e22ce !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="dracula"] .cancel-btn {
-        background: #6272a4 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="luxury"] .cancel-btn {
-        background: #8b5cf6 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="night"] .cancel-btn {
-        background: #0284c7 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="light"] .cancel-btn {
-        background: #6b7280 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="cupcake"] .cancel-btn {
-        background: #ec4899 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="retro"] .cancel-btn {
-        background: #b8925c !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="aqua"] .cancel-btn {
-        background: #0891b2 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="lofi"] .cancel-btn {
-        background: #6b7280 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="pastel"] .cancel-btn {
-        background: #8b5cf6 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="fantasy"] .cancel-btn {
-        background: #ec4899 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="wireframe"] .cancel-btn {
-        background: #f5f5f5 !important;
-        color: #000000 !important;
-        border: 1px solid #000000 !important;
-      }
-
-      [data-theme="black"] .cancel-btn {
-        background: #6b7280 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="cmyk"] .cancel-btn {
-        background: #0369a1 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="autumn"] .cancel-btn {
-        background: #c2410c !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="business"] .cancel-btn {
-        background: #6b7280 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="acid"] .cancel-btn {
-        background: #65a30d !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="lemonade"] .cancel-btn {
-        background: #16a34a !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="coffee"] .cancel-btn {
-        background: #8b4513 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="winter"] .cancel-btn {
-        background: #1e40af !important;
-        color: #ffffff !important;
-      }
-
-      /* Success Button Styles for All Themes */
-      [data-theme="dark"] .success-btn {
-        background: #10b981 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="cyberpunk"] .success-btn {
-        background: #00ff41 !important;
-        color: #000000 !important;
-      }
-
-      [data-theme="valentine"] .success-btn {
-        background: #e91e7a !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="bumblebee"] .success-btn {
-        background: #f59e0b !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="garden"] .success-btn {
-        background: #10b981 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="emerald"] .success-btn {
-        background: #10b981 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="corporate"] .success-btn {
-        background: #10b981 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="forest"] .success-btn {
-        background: #10b981 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="halloween"] .success-btn {
-        background: #ff7b00 !important;
-        color: #000000 !important;
-      }
-
-      [data-theme="synthwave"] .success-btn {
-        background: #00ff41 !important;
-        color: #000000 !important;
-      }
-
-      [data-theme="dracula"] .success-btn {
-        background: #50fa7b !important;
-        color: #000000 !important;
-      }
-
-      [data-theme="luxury"] .success-btn {
-        background: #d4af37 !important;
-        color: #000000 !important;
-      }
-
-      [data-theme="night"] .success-btn {
-        background: #22d3ee !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="light"] .success-btn {
-        background: #10b981 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="cupcake"] .success-btn {
-        background: #f472b6 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="retro"] .success-btn {
-        background: #d4a574 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="aqua"] .success-btn {
-        background: #06b6d4 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="lofi"] .success-btn {
-        background: #10b981 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="pastel"] .success-btn {
-        background: #34d399 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="fantasy"] .success-btn {
-        background: #f472b6 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="wireframe"] .success-btn {
-        background: #dfdfdf !important;
-        color: #000000 !important;
-        border: 1px solid #000000 !important;
-      }
-
-      [data-theme="black"] .success-btn {
-        background: #10b981 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="cmyk"] .success-btn {
-        background: #06b6d4 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="autumn"] .success-btn {
-        background: #d97706 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="business"] .success-btn {
-        background: #10b981 !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="acid"] .success-btn {
-        background: #84cc16 !important;
-        color: #000000 !important;
-      }
-
-      [data-theme="lemonade"] .success-btn {
-        background: #22c55e !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="coffee"] .success-btn {
-        background: #a0522d !important;
-        color: #ffffff !important;
-      }
-
-      [data-theme="winter"] .success-btn {
-        background: #3b82f6 !important;
-        color: #ffffff !important;
-      }
-      .download-limiter-signout-btn {
-        background: #dc3545;
-        color: white;
-        border: none;
-        padding: 6px 12px;
-        border-radius: 4px;
-        font-size: 12px;
-        cursor: pointer;
-        margin-left: 8px;
-      }
-      .download-limiter-premium-badge {
-        background: linear-gradient(45deg, #f39c12, #e74c3c);
-        color: white;
-        padding: 2px 6px;
-        border-radius: 3px;
-        font-size: 10px;
-        margin-left: 8px;
-        font-weight: bold;
-      }
-      .download-limiter-btn-premium {
-        opacity: 0.7;
-      }
-      .download-limiter-success-modal {
-        display: none;
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background: rgba(0,0,0,0.5);
-        z-index: 10000;
-        align-items: center;
-        justify-content: center;
-      }
-      .download-limiter-success-modal.show { display: flex; }
-      .download-limiter-success-content {
-        background: white;
-        padding: 2rem;
-        border-radius: 8px;
-        max-width: 400px;
-        text-align: center;
-        box-shadow: 0 4px 20px rgba(0,0,0,0.15);
-        border-left: 4px solid #38a169;
-      }
-
-      /* Single upgrade flow styles */
-      .single-upgrade-container {
-        margin: 20px 0;
-        text-align: center;
-      }
-
-      .single-upgrade-content .upgrade-btn {
-        background: linear-gradient(135deg, #059669, #0d9488) !important;
-        color: white !important;
-        border: none !important;
-        padding: 16px 32px !important;
-        border-radius: 12px !important;
-        font-size: 18px !important;
-        font-weight: 600 !important;
-        cursor: pointer !important;
-        transition: all 0.3s ease !important;
-        box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3) !important;
-        margin-bottom: 16px !important;
-        min-width: 200px !important;
-      }
-
-      .single-upgrade-content .upgrade-btn:hover {
-        background: linear-gradient(135deg, #047857, #0f766e) !important;
-        transform: translateY(-2px) !important;
-        box-shadow: 0 6px 20px rgba(5, 150, 105, 0.4) !important;
-      }
-
-      .single-upgrade-content .upgrade-description {
-        font-size: 14px !important;
-        color: #6b7280 !important;
-        margin: 12px 0 0 0 !important;
-        line-height: 1.5 !important;
-        max-width: 300px !important;
-        margin-left: auto !important;
-        margin-right: auto !important;
-      }
-
-      /* Anonymous user usage count styles */
-      .lead-fast-anonymous-status {
-        display: flex;
-        align-items: center;
-        gap: 12px;
-      }
-
-      .lead-fast-anonymous-status .lead-fast-count {
-        background: rgba(59, 130, 246, 0.1);
-        color: #1d4ed8;
-        padding: 6px 12px;
-        border-radius: 8px;
-        font-size: 14px;
-        font-weight: 500;
-        border: 1px solid rgba(59, 130, 246, 0.2);
-      }
-
-      /* Loading state styles */
-      .lead-fast-loading-status {
-        display: flex;
-        align-items: center;
-        gap: 10px;
-      }
-
-      .lead-fast-spinner {
-        width: 20px;
-        height: 20px;
-        color: #3b82f6;
-      }
-
-      .lead-fast-loading-text {
-        font-size: 14px;
-        color: #6b7280;
-        font-weight: 500;
-      }
-
-      /* Success button theming */
-      .download-limiter-btn.success-btn {
-        background: #059669 !important;
-        color: white !important;
-        border: none !important;
-        padding: 12px 24px !important;
-        border-radius: 8px !important;
-        cursor: pointer !important;
-        margin-top: 20px !important;
-        font-size: 16px !important;
-        font-weight: 500 !important;
-        transition: all 0.2s ease !important;
-      }
-
-      .download-limiter-btn.success-btn:hover {
-        background: #047857 !important;
-        transform: translateY(-1px) !important;
-      }
-
-      /* Theme-specific success button colors */
-      [data-theme="cyberpunk"] .download-limiter-btn.success-btn {
-        background: #0ea5e9 !important;
-        box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3) !important;
-      }
-
-      [data-theme="cyberpunk"] .download-limiter-btn.success-btn:hover {
-        background: #0284c7 !important;
-      }
-
-      [data-theme="valentine"] .download-limiter-btn.success-btn {
-        background: #be185d !important;
-      }
-
-      [data-theme="valentine"] .download-limiter-btn.success-btn:hover {
-        background: #9d174d !important;
-      }
-
-      [data-theme="bumblebee"] .download-limiter-btn.success-btn {
-        background: #f59e0b !important;
-      }
-
-      [data-theme="bumblebee"] .download-limiter-btn.success-btn:hover {
-        background: #d97706 !important;
-      }
-
-      [data-theme="garden"] .download-limiter-btn.success-btn {
-        background: #16a34a !important;
-      }
-
-      [data-theme="garden"] .download-limiter-btn.success-btn:hover {
-        background: #15803d !important;
-      }
-
-      /* Google Sign-in button theming */
-      .download-limiter-btn.google-signin-btn {
-        background: #4285f4 !important;
-        color: white !important;
-        border: none !important;
-        padding: 12px 24px !important;
-        border-radius: 8px !important;
-        cursor: pointer !important;
-        margin-right: 10px !important;
-        display: inline-flex !important;
-        align-items: center !important;
-        gap: 8px !important;
-        font-size: 14px !important;
-        font-weight: 500 !important;
-        transition: all 0.2s ease !important;
-      }
-
-      .download-limiter-btn.google-signin-btn:hover {
-        background: #3367d6 !important;
-        transform: translateY(-1px) !important;
-      }
-
-      /* Upgrade button theming */
-      .download-limiter-btn.upgrade-btn {
-        background: #059669 !important;
-        color: white !important;
-        border: none !important;
-        padding: 12px 24px !important;
-        border-radius: 8px !important;
-        cursor: pointer !important;
-        margin-right: 10px !important;
-        font-size: 16px !important;
-        font-weight: 500 !important;
-        transition: all 0.2s ease !important;
-      }
-
-      .download-limiter-btn.upgrade-btn:hover {
-        background: #047857 !important;
-        transform: translateY(-1px) !important;
-      }
-
-      /* Theme-specific button colors */
-      [data-theme="cyberpunk"] .download-limiter-btn.upgrade-btn {
-        background: #0ea5e9 !important;
-        box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3) !important;
-      }
-
-      [data-theme="valentine"] .download-limiter-btn.upgrade-btn {
-        background: #be185d !important;
-      }
-
-      [data-theme="bumblebee"] .download-limiter-btn.upgrade-btn {
-        background: #f59e0b !important;
-      }
-
-      [data-theme="garden"] .download-limiter-btn.upgrade-btn {
-        background: #16a34a !important;
-      }
-
-      /* Cancel button container and styling - positioned at very bottom */
-      .download-limiter-cancel-container {
-        margin-top: 30px !important;
-        padding-top: 20px !important;
-        border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
-        text-align: center !important;
-        position: relative !important;
-        bottom: 0 !important;
-      }
-
-      .download-limiter-btn.cancel-btn {
-        background: transparent !important;
-        color: #6b7280 !important;
-        border: none !important;
-        padding: 8px 16px !important;
-        border-radius: 6px !important;
-        cursor: pointer !important;
-        font-size: 13px !important;
-        font-weight: 400 !important;
-        transition: all 0.2s ease !important;
-        text-decoration: underline !important;
-        margin: 0 auto !important;
-        display: block !important;
-      }
-
-      .download-limiter-btn.cancel-btn:hover {
-        color: #374151 !important;
-        background: rgba(107, 114, 128, 0.1) !important;
-        text-decoration: none !important;
-      }
-
-      /* Theme-specific cancel button border */
-      [data-theme="dark"] .download-limiter-cancel-container {
-        border-top-color: rgba(255, 255, 255, 0.1) !important;
-      }
-
-      [data-theme="dark"] .download-limiter-btn.cancel-btn {
-        color: #9ca3af !important;
-      }
-
-      [data-theme="dark"] .download-limiter-btn.cancel-btn:hover {
-        color: #d1d5db !important;
-        background: rgba(156, 163, 175, 0.1) !important;
-      }
-
-      [data-theme="cyberpunk"] .download-limiter-cancel-container {
-        border-top-color: rgba(14, 165, 233, 0.2) !important;
-      }
-
-      [data-theme="cyberpunk"] .download-limiter-btn.cancel-btn {
-        color: #0ea5e9 !important;
-      }
-
-      [data-theme="cyberpunk"] .download-limiter-btn.cancel-btn:hover {
-        color: #38bdf8 !important;
-        background: rgba(14, 165, 233, 0.1) !important;
-      }
-    `;
-        document.head.appendChild(styles);
-    }
-    injectDaisyUI() {
-        //console.log('🎨 [THEME DEBUG] injectDaisyUI called');
-        //console.log('🎨 [THEME DEBUG] Theme config:', this.config.theme);
-        // Check if DaisyUI is already loaded
-        const existingLink = document.querySelector('link[href*="daisyui"]');
-        if (existingLink) {
-            //console.log('🎨 [THEME DEBUG] DaisyUI already exists:', existingLink);
-            // Apply theme if DaisyUI already exists
-            if (this.config.theme?.name) {
-                const themeName = this.config.theme.name.toLowerCase();
-                //console.log('🎨 [THEME DEBUG] Setting existing theme:', themeName);
-                document.documentElement.setAttribute('data-theme', themeName);
-                //console.log('🎨 [THEME DEBUG] Current data-theme attribute:', document.documentElement.getAttribute('data-theme'));
-            }
-            return;
-        }
-        //console.log('🎨 [THEME DEBUG] No existing DaisyUI found, injecting...');
-        // Note: Tailwind CSS is not needed as we use custom CSS for all styling
-        // Apply theme directly using our custom CSS - no external dependencies needed
-        if (this.config.theme?.name) {
-            const themeName = this.config.theme.name.toLowerCase();
-            document.documentElement.setAttribute('data-theme', themeName);
-            // Update status displays immediately since no CSS loading is needed
-            this.updateStatusDisplays();
-        }
-    }
-    createPaywallModal() {
-        if (document.getElementById('download-limiter-paywall'))
-            return;
-        const modal = document.createElement('div');
-        modal.id = 'download-limiter-paywall';
-        modal.className = 'download-limiter-modal';
-        modal.innerHTML = `
-      <div class="download-limiter-content">
-        <h3 id="download-limiter-paywall-title">Usage Limit Reached</h3>
-        <p id="download-limiter-paywall-subtitle">You've used all your free attempts. Upgrade to premium for unlimited usage!</p>
-
-        <!-- Auth Section (shows when not signed in) -->
-        <div id="download-limiter-auth-section" style="margin: 20px 0;">
-          <p>Sign in to continue or upgrade to premium</p>
-          <button id="download-limiter-signin-btn" class="download-limiter-btn google-signin-btn">
-            <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
-              <path d="M16.51 8H8.98v3h4.3c-.18 1-.74 1.48-1.6 2.04v2.01h2.6a8.8 8.8 0 0 0 2.38-5.88c0-.57-.05-.66-.15-1.18z" fill="white"/>
-              <path d="M8.98 17c2.16 0 3.97-.72 5.3-1.94l-2.6-2.04a4.8 4.8 0 0 1-2.7.75 4.8 4.8 0 0 1-4.52-3.4H1.83v2.07A8 8 0 0 0 8.98 17z" fill="white"/>
-              <path d="M4.46 10.37a4.8 4.8 0 0 1-.25-1.37c0-.48.09-.94.25-1.37V5.56H1.83a8 8 0 0 0 0 6.88l2.63-2.07z" fill="white"/>
-              <path d="M8.98 3.77c1.32 0 2.5.45 3.44 1.35l2.58-2.58C13.94.64 11.66 0 8.98 0A8 8 0 0 0 1.83 5.56l2.63 2.07c.61-1.8 2.26-3.86 4.52-3.86z" fill="white"/>
-            </svg>
-            Sign in with Google
-          </button>
-        </div>
-
-        <!-- Payment Section (shows when signed in) -->
-        <div id="download-limiter-payment-section" style="margin: 20px 0; display: none;">
-          <button id="download-limiter-upgrade-btn" class="download-limiter-btn upgrade-btn">
-            Upgrade to Premium
-          </button>
-        </div>
-
-        <div class="download-limiter-cancel-container">
-          <button id="download-limiter-close-btn" class="download-limiter-btn cancel-btn">
-            Cancel
-          </button>
-        </div>
-      </div>
-    `;
-        document.body.appendChild(modal);
-        // Set up event handlers
-        modal.querySelector('#download-limiter-signin-btn').addEventListener('click', async () => {
-            await this.signIn();
-        });
-        modal.querySelector('#download-limiter-upgrade-btn').addEventListener('click', async () => {
-            const payment = await this.createPayment();
-            if (payment?.checkout_url) {
-                window.location.href = payment.checkout_url;
-            }
-        });
-        modal.querySelector('#download-limiter-close-btn').addEventListener('click', () => {
-            if (this.config.options?.debug) {
-                console.log('🔍 DEBUG: Cancel button clicked');
-                console.log('🔍 DEBUG: this.config.feedback:', this.config.feedback);
-                console.log('🔍 DEBUG: this.config.email:', this.config.email);
-                console.log('🔍 DEBUG: Feedback config exists:', !!(this.config.feedback || this.config.email));
-            }
-            // Show feedback form if feedback config exists, otherwise just close
-            if (this.config.feedback || this.config.email) {
-                if (this.config.options?.debug) {
-                    console.log('🔍 DEBUG: Showing feedback form');
-                }
-                this.showFeedbackForm();
-            }
-            else {
-                if (this.config.options?.debug) {
-                    console.log('🔍 DEBUG: No email config, just closing modal');
-                }
-                modal.classList.remove('show');
-            }
-        });
-        // Removed click-outside-to-close behavior to encourage users to use the Cancel button
-        // which triggers the feedback form. This improves feedback collection.
-    }
-    createSuccessModal() {
-        if (document.getElementById('download-limiter-success'))
-            return;
-        const modal = document.createElement('div');
-        modal.id = 'download-limiter-success';
-        modal.className = 'download-limiter-modal'; // Use same modal class as paywall
-        modal.innerHTML = `
-      <div class="download-limiter-content"> <!-- Use same content class as paywall for theming -->
-        <h3 id="download-limiter-success-title">Action Started!</h3>
-        <p id="download-limiter-success-message">Your action completed successfully!</p>
-        <button id="download-limiter-success-close" class="download-limiter-btn success-btn">
-          OK
-        </button>
-      </div>
-    `;
-        document.body.appendChild(modal);
-        // Set up event handlers
-        modal.querySelector('#download-limiter-success-close').addEventListener('click', () => {
-            modal.classList.remove('show');
-        });
-        modal.addEventListener('click', (e) => {
-            if (e.target === modal) {
-                modal.classList.remove('show');
-            }
-        });
-    }
-    showFeedbackForm() {
-        // const feedbackStartTime = Date.now();
-        // console.log(`🕐 [FEEDBACK] showFeedbackForm called: ${new Date(feedbackStartTime).toISOString()}`);
-        // Hide paywall first
-        // const paywallHideStart = Date.now();
-        const paywall = document.getElementById('download-limiter-paywall');
-        if (paywall) {
-            paywall.classList.remove('show');
-            // console.log(`🕐 [FEEDBACK] Paywall hidden: ${Date.now() - paywallHideStart}ms`);
-        }
-        // Create or show feedback modal
-        // const createFeedbackStart = Date.now();
-        this.createFeedbackModal();
-        // console.log(`🕐 [FEEDBACK] createFeedbackModal completed: ${Date.now() - createFeedbackStart}ms`);
-        const modal = document.getElementById('download-limiter-feedback');
-        if (modal) {
-            modal.classList.add('show');
-            // console.log(`🕐 [FEEDBACK] Feedback modal shown: ${Date.now() - feedbackStartTime}ms total`);
-        }
-        else {
-            // console.log(`🕐 [FEEDBACK] ERROR - Feedback modal not found after ${Date.now() - feedbackStartTime}ms`);
-        }
-    }
-    createFeedbackModal() {
-        if (document.getElementById('download-limiter-feedback')) {
-            if (this.config.options?.debug) {
-                console.log('🔍 DEBUG: Feedback modal already exists');
-            }
-            return;
-        }
-        // Get feedback configuration or fallback to legacy email config
-        const feedbackConfig = this.config.feedback || (this.config.email ? {
-            form: {
-                title: 'Quick Feedback',
-                description: 'Why didn\'t you upgrade?',
-                option1: 'Not useful for my needs',
-                option2: 'Didn\'t find what I was looking for',
-                option3: 'Just trying it out'
-            },
-            email: this.config.email
-        } : null);
-        if (this.config.options?.debug) {
-            console.log('🔍 DEBUG: Feedback config:', feedbackConfig);
-            console.log('🔍 DEBUG: this.config.feedback:', this.config.feedback);
-            console.log('🔍 DEBUG: this.config.email:', this.config.email);
-        }
-        if (!feedbackConfig) {
-            if (this.config.options?.debug) {
-                console.log('🔍 DEBUG: No feedback config found, not creating modal');
-            }
-            return;
-        }
-        const modal = document.createElement('div');
-        modal.id = 'download-limiter-feedback';
-        modal.className = 'download-limiter-modal';
-        modal.innerHTML = `
-      <div class="download-limiter-content">
-        <h3>${feedbackConfig.form.title}</h3>
-        <p style="margin-bottom: 20px;">${feedbackConfig.form.description}</p>
-
-        <form id="feedback-form" style="text-align: left;">
-          <div style="margin-bottom: 15px;">
-            <label style="display: block; margin-bottom: 8px;">
-              <input type="radio" name="reason" value="option1" style="margin-right: 8px;">
-              ${feedbackConfig.form.option1}
-            </label>
-            <label style="display: block; margin-bottom: 8px;">
-              <input type="radio" name="reason" value="option2" style="margin-right: 8px;">
-              ${feedbackConfig.form.option2}
-            </label>
-            <label style="display: block; margin-bottom: 8px;">
-              <input type="radio" name="reason" value="option3" style="margin-right: 8px;">
-              ${feedbackConfig.form.option3}
-            </label>
-          </div>
-
-          <div style="margin-bottom: 15px;">
-            <label for="feedback-details" style="display: block; margin-bottom: 5px;">Tell us more:</label>
-            <textarea
-              id="feedback-details"
-              name="details"
-              rows="3"
-              style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px;"
-              placeholder="Your feedback helps us improve..." maxlength="200"></textarea>
-          </div>
-
-          <div style="margin-bottom: 20px;">
-            <label for="feedback-email" style="display: block; margin-bottom: 5px;">
-              Email (optional):
-            </label>
-            <input
-              type="email"
-              id="feedback-email"
-              name="email"
-              style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px;"
-              placeholder="your@email.com">
-            <small style="color: #666; display: block; margin-top: 4px;">
-              Only if you want us to reach out about what you mentioned above. We don't follow up unless you want us to
-            </small>
-          </div>
-
-   
-          <div style="text-align: center;">
-            <button type="submit" class="download-limiter-btn success-btn" style="margin-right: 10px;">
-              Submit Feedback
-            </button>
-            <button type="button" id="feedback-skip-btn" class="download-limiter-btn cancel-btn">
-              Skip
-            </button>
-          </div>
-        </form>
-      </div>
-    `;
-        document.body.appendChild(modal);
-        if (this.config.options?.debug) {
-            console.log('🔍 DEBUG: Feedback modal created and added to DOM');
-        }
-        // Set up event listeners
-        const form = modal.querySelector('#feedback-form');
-        form.addEventListener('submit', (e) => {
-            e.preventDefault();
-            this.submitFeedback(form);
-        });
-        modal.querySelector('#feedback-skip-btn').addEventListener('click', () => {
-            modal.classList.remove('show');
-        });
-        modal.addEventListener('click', (e) => {
-            if (e.target === modal) {
-                modal.classList.remove('show');
-            }
-        });
-    }
-    async submitFeedback(form) {
-        const formData = new FormData(form);
-        const reason = formData.get('reason');
-        const details = formData.get('details');
-        const email = formData.get('email');
-        if (!reason) {
-            alert('Please select a reason');
-            return;
-        }
-        const feedbackData = {
-            reason,
-            details,
-            email: email || undefined,
-            timestamp: new Date().toISOString(),
-            userAgent: navigator.userAgent,
-            appId: this.config.appId
-        };
-        try {
-            await this.sendFeedbackEmail(feedbackData);
-            // Close feedback modal
-            const modal = document.getElementById('download-limiter-feedback');
-            if (modal) {
-                modal.classList.remove('show');
-            }
-            // Show thank you message
-            alert('Thank you for your feedback!');
-        }
-        catch (error) {
-            console.error('Failed to send feedback:', error);
-            alert('Failed to send feedback. Please try again.');
-        }
-    }
-    async sendFeedbackEmail(feedbackData) {
-        // Get email config - handle both new array format and legacy format
-        let emailConfig;
-        if (this.config.feedback?.email) {
-            // New array format - use first provider (typically resend)
-            if (Array.isArray(this.config.feedback.email)) {
-                emailConfig = this.config.feedback.email[0];
-            }
-            else {
-                // Legacy format fallback
-                emailConfig = this.config.feedback.email;
-            }
-        }
-        else if (this.config.email) {
-            // Deprecated legacy email config
-            emailConfig = {
-                provider: 'resend',
-                apiKey: this.config.email.resendApiKey,
-                fromEmail: this.config.email.fromEmail
-            };
-        }
-        if (!emailConfig) {
-            throw new Error('Email configuration not available');
-        }
-        const emailBody = `
-New Feedback from ${this.config.appId}
-
-Reason: ${feedbackData.reason}
-Details: ${feedbackData.details}
-User Email: ${feedbackData.email || 'Not provided'}
-Timestamp: ${feedbackData.timestamp}
-User Agent: ${feedbackData.userAgent}
-    `.trim();
-        // Handle different email providers
-        let response;
-        if (emailConfig.provider === 'resend' || !emailConfig.provider) {
-            response = await fetch('https://api.resend.com/emails', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'Authorization': `Bearer ${emailConfig.apiKey || emailConfig.resendApiKey}`
-                },
-                body: JSON.stringify({
-                    from: emailConfig.fromEmail,
-                    to: [emailConfig.fromEmail], // Send feedback to yourself
-                    subject: `Feedback from ${this.config.appId}`,
-                    text: emailBody
-                })
-            });
-        }
-        else {
-            throw new Error(`Unsupported email provider: ${emailConfig.provider}`);
-        }
-        if (!response.ok) {
-            throw new Error(`Email API error: ${response.status}`);
-        }
-    }
-    createAuthUI() {
-        if (document.getElementById('lead-fast-profile'))
-            return;
-        const profileContainer = document.createElement('div');
-        profileContainer.id = 'lead-fast-profile';
-        profileContainer.className = 'lead-fast-profile';
-        document.body.appendChild(profileContainer);
-    }
-    createStatusDisplay() {
-        if (document.getElementById('download-limiter-status'))
-            return;
-        const statusDiv = document.createElement('div');
-        statusDiv.id = 'download-limiter-status';
-        statusDiv.className = 'download-limiter-status';
-        document.body.appendChild(statusDiv);
-    }
-    createGlobalStatusDisplay() {
-        this.createStatusDisplay();
-    }
-    showPaywallInstant(status) {
-        // const showStartTime = Date.now();
-        // console.log(`🕐 [MODAL] showPaywallInstant started: ${new Date(showStartTime).toISOString()}`);
-        // Ensure modal exists before trying to show it
-        // const createStartTime = Date.now();
-        this.createPaywallModal();
-        // console.log(`🕐 [MODAL] createPaywallModal completed: ${Date.now() - createStartTime}ms`);
-        const modal = document.getElementById('download-limiter-paywall');
-        if (modal) {
-            // console.log(`🕐 [MODAL] Modal found in DOM: ${Date.now() - showStartTime}ms`);
-            // Update paywall title with exact count (no API call needed)
-            const titleEl = modal.querySelector('#download-limiter-paywall-title');
-            if (titleEl) {
-                titleEl.textContent = `You've used ${status.limit} free attempts`;
-                // console.log(`🕐 [MODAL] Title updated: ${Date.now() - showStartTime}ms`);
-            }
-            // Show appropriate section based on auth state
-            const authSection = modal.querySelector('#download-limiter-auth-section');
-            const paymentSection = modal.querySelector('#download-limiter-payment-section');
-            if (!this.currentUser) {
-                // console.log(`🕐 [MODAL] Setting up anonymous user flow: ${Date.now() - showStartTime}ms`);
-                // Anonymous user - show single upgrade flow
-                const subtitleEl = modal.querySelector('#download-limiter-paywall-subtitle');
-                if (subtitleEl) {
-                    subtitleEl.textContent = 'Sign in to continue. If you\'re already premium, you\'ll get unlimited access. New users can upgrade after signing in.';
-                }
-                // Hide separate auth/payment sections and show single upgrade button
-                authSection.style.display = 'none';
-                paymentSection.style.display = 'none';
-                // Show single upgrade button
-                // const upgradeStartTime = Date.now();
-                this.showSingleUpgradeFlow(modal);
-                // console.log(`🕐 [MODAL] Single upgrade flow setup: ${Date.now() - upgradeStartTime}ms`);
-            }
-            else {
-                // console.log(`🕐 [MODAL] Setting up signed-in user flow: ${Date.now() - showStartTime}ms`);
-                // Existing flow for signed-in users - direct to payment
-                authSection.style.display = 'none';
-                paymentSection.style.display = 'block';
-            }
-            modal.classList.add('show');
-            // console.log(`🕐 [MODAL] Modal shown (classList.add('show')): ${Date.now() - showStartTime}ms`);
-        }
-        else {
-            // console.log(`🕐 [MODAL] ERROR: Modal not found in DOM after creation: ${Date.now() - showStartTime}ms`);
-        }
-    }
-    async showPaywall() {
-        // Get current status if not cached
-        const status = await this.getDownloadStatus();
-        this.showPaywallInstant(status);
-    }
-    showSingleUpgradeFlow(modal) {
-        // Create single upgrade button that handles both login and payment
-        let upgradeContainer = modal.querySelector('.single-upgrade-container');
-        if (!upgradeContainer) {
-            upgradeContainer = document.createElement('div');
-            upgradeContainer.className = 'single-upgrade-container';
-            upgradeContainer.innerHTML = `
-        <div class="single-upgrade-content">
-          <button class="download-limiter-btn upgrade-btn" id="single-upgrade-btn">
-            Continue with Google
-          </button>
-          <!--<p class="upgrade-description">
-            Sign in to restore access. Premium members get unlimited usage immediately.
-          </p>-->
-        </div>
-      `;
-            // Insert before the cancel container to keep cancel at the bottom
-            const cancelContainer = modal.querySelector('.download-limiter-cancel-container');
-            if (cancelContainer) {
-                modal.querySelector('.download-limiter-content')?.insertBefore(upgradeContainer, cancelContainer);
-            }
-            else {
-                modal.querySelector('.download-limiter-content')?.appendChild(upgradeContainer);
-            }
-        }
-        upgradeContainer.style.display = 'block';
-        // Add click handler for single upgrade flow
-        const upgradeBtn = modal.querySelector('#single-upgrade-btn');
-        if (upgradeBtn) {
-            upgradeBtn.replaceWith(upgradeBtn.cloneNode(true)); // Remove existing listeners
-            const newUpgradeBtn = modal.querySelector('#single-upgrade-btn');
-            newUpgradeBtn?.addEventListener('click', async () => {
-                try {
-                    // Step 1: Sign in with Google
-                    const { error } = await this.supabase.auth.signInWithOAuth({
-                        provider: 'google',
-                        options: {
-                            redirectTo: `${window.location.origin}${window.location.pathname}?upgrade=true`
-                        }
-                    });
-                    if (error) {
-                        console.error('Sign in error:', error);
-                        this.showError('Sign In Failed', 'Failed to sign in with Google. Please try again.');
-                    }
-                    // OAuth will redirect, so no further action needed here
-                }
-                catch (error) {
-                    console.error('Upgrade flow error:', error);
-                    this.showError('Upgrade Failed', 'Failed to start upgrade process. Please try again.');
-                }
-            });
-        }
-    }
-    showSuccess(title, message) {
-        const modal = document.getElementById('download-limiter-success');
-        if (modal) {
-            const titleEl = modal.querySelector('#download-limiter-success-title');
-            const messageEl = modal.querySelector('#download-limiter-success-message');
-            if (titleEl)
-                titleEl.textContent = title;
-            if (messageEl)
-                messageEl.textContent = message;
-            modal.classList.add('show');
-            // No auto-hide - let user dismiss manually
-        }
-    }
-    showError(title, message) {
-        // Create a clean error toast instead of alert
-        const toast = document.createElement('div');
-        toast.style.cssText = `
-      position: fixed;
-      top: 20px;
-      right: 20px;
-      background: #fee2e2;
-      border: 1px solid #fecaca;
-      color: #dc2626;
-      padding: 12px 16px;
-      border-radius: 8px;
-      font-size: 14px;
-      font-weight: 500;
-      line-height: 1.4;
-      max-width: 300px;
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-      z-index: 10000;
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-    `;
-        toast.innerHTML = `
-      <div style="font-weight: 600; margin-bottom: 4px;">${title}</div>
-      <div style="font-size: 13px; opacity: 0.9;">${message}</div>
-    `;
-        document.body.appendChild(toast);
-        // Auto-remove after 5 seconds
-        setTimeout(() => {
-            if (toast.parentNode) {
-                toast.parentNode.removeChild(toast);
-            }
-        }, 5000);
-        // Click to dismiss
-        toast.addEventListener('click', () => {
-            if (toast.parentNode) {
-                toast.parentNode.removeChild(toast);
-            }
-        });
-    }
-    showConnectionError() {
-        this.showError('Connection Error', 'Server connection required for download verification. Please check your configuration and try again.');
-    }
-    showPaymentConfigError() {
-        this.showError('Payment Configuration Error', 'Payment system is not properly configured. Please contact support.');
-    }
-    disableDownloadButtons(errorType) {
-        // Find all buttons that were attached by the library
-        const buttons = document.querySelectorAll('[data-leadfast-attached]');
-        const errorMessages = {
-            connection: 'Download disabled: Server connection required',
-            payment: 'Download disabled: Payment configuration error',
-            security_key: 'Download disabled: Invalid or missing security key'
-        };
-        const statusMessages = {
-            connection: '⚠️ Connection Error - Downloads Disabled',
-            payment: '⚠️ Payment Config Error - Downloads Disabled',
-            security_key: '🔐 Invalid Security Key - Please Update Configuration'
-        };
-        buttons.forEach(button => {
-            const btnElement = button;
-            btnElement.disabled = true;
-            btnElement.style.opacity = '0.5';
-            btnElement.style.cursor = 'not-allowed';
-            btnElement.title = errorMessages[errorType];
-        });
-        // Update user section to show error
-        const userSection = document.querySelector('.lead-fast-user-section');
-        if (userSection) {
-            userSection.innerHTML = `
-        <div style="
-          color: #ef4444;
-          padding: 6px 8px;
-          font-size: 12px;
-          font-weight: 500;
-          line-height: 1.2;
-          border-radius: 4px;
-          background: rgba(239, 68, 68, 0.05);
-          border: 1px solid rgba(239, 68, 68, 0.2);
-          max-width: 200px;
-          text-align: center;
-        ">
-          ${statusMessages[errorType]}
-        </div>
-      `;
-        }
-    }
-    async updateStatusDisplays() {
-        //console.log('🎨 [THEME DEBUG] updateStatusDisplays called');
-        // Check for security key error first (most specific)
-        if (this.securityKeyFailed) {
-            this.disableDownloadButtons('security_key');
-            return;
-        }
-        // If connection failed, disable all download buttons
-        if (this.supabaseConnectionFailed) {
-            this.disableDownloadButtons('connection');
-            return;
-        }
-        // If payment configuration is invalid, disable all download buttons
-        if (this.config.payment && this.paymentConnectionFailed) {
-            this.disableDownloadButtons('payment');
-            return;
-        }
-        // Show loading state
-        this.isLoadingStatus = true;
-        this.updateUserSection(null); // Show loading UI
-        const status = await this.getDownloadStatus();
-        // Clear loading state
-        this.isLoadingStatus = false;
-        // CRITICAL: Check again AFTER API call - flag may have been set during getDownloadStatus
-        if (this.securityKeyFailed) {
-            this.disableDownloadButtons('security_key');
-            return;
-        }
-        if (this.supabaseConnectionFailed) {
-            this.disableDownloadButtons('connection');
-            return;
-        }
-        this.updateUserSection(status);
-    }
-    createTitleBar() {
-        //console.log('🎨 [THEME DEBUG] Creating title bar');
-        // Create the profile div if it doesn't exist
-        let profileDiv = document.getElementById('lead-fast-profile');
-        if (!profileDiv) {
-            profileDiv = document.createElement('div');
-            profileDiv.id = 'lead-fast-profile';
-            profileDiv.className = 'lead-fast-profile';
-            document.body.appendChild(profileDiv);
-        }
-        // Get title bar configuration
-        const titleConfig = this.config.titleBar || {};
-        const title = titleConfig.title || 'My App';
-        const titleImage = titleConfig.titleImage;
-        const links = titleConfig.links || [];
-        // Always create title bar with logo and navigation
-        profileDiv.innerHTML = `
-      <div class="lead-fast-title-bar">
-        <div class="lead-fast-title-section">
-          <a href="#" class="lead-fast-logo">
-            ${titleImage ? `<img src="${titleImage}" alt="${title}">` : ''}
-            <span>${title}</span>
-          </a>
-          <nav class="lead-fast-nav">
-            ${links.map(link => `
-              <a href="${link.url}" class="lead-fast-nav-link" ${link.target ? `target="${link.target}"` : ''}>
-                ${link.text}
-              </a>
-            `).join('')}
-          </nav>
-        </div>
-
-        <div class="lead-fast-user-section" id="lead-fast-user-section">
-          <!-- User section will be populated when logged in -->
-        </div>
-
-        <!-- <a href="https://www.moneyfast.bar" target="_blank" class="lead-fast-branding" style="text-decoration: none; color: inherit;">moneyfast.bar</a>-->
-      </div>
-    `;
-    }
-    updateUserSection(status) {
-        //console.log('🎨 [THEME DEBUG] updateUserSection called');
-        //console.log('🎨 [THEME DEBUG] Current data-theme:', document.documentElement.getAttribute('data-theme'));
-        const userSection = document.getElementById('lead-fast-user-section');
-        if (!userSection) {
-            //console.log('🎨 [THEME DEBUG] User section not found!');
-            return;
-        }
-        // Show loading state if status is null
-        if (status === null || this.isLoadingStatus) {
-            userSection.innerHTML = `
-        <div class="lead-fast-loading-status">
-          <svg class="lead-fast-spinner" viewBox="0 0 24 24">
-            <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="3" fill="none" stroke-dasharray="31.4 31.4" stroke-linecap="round">
-              <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="1s" repeatCount="indefinite"/>
-            </circle>
-          </svg>
-          <span class="lead-fast-loading-text">Loading...</span>
-        </div>
-      `;
-            return;
-        }
-        if (this.currentUser) {
-            // User is signed in - show user info
-            const userInitial = this.currentUser.email.charAt(0).toUpperCase();
-            const userEmail = this.currentUser.email;
-            const badgeClass = status.isPremium ? 'premium' : 'free';
-            const badgeText = status.isPremium ? 'Premium' : 'Free';
-            const countText = status.isPremium ? 'Unlimited' : `${status.currentCount}/${status.limit}`;
-            //console.log('🎨 [THEME DEBUG] Populating user section');
-            userSection.innerHTML = `
-        <div class="lead-fast-avatar">${userInitial}</div>
-        <div class="lead-fast-user-info">
-          <div class="lead-fast-user-email">${userEmail}</div>
-          <div class="lead-fast-user-status">
-            <span class="lead-fast-badge ${badgeClass}">${badgeText}</span>
-            <span class="lead-fast-count">${countText}</span>
-          </div>
-        </div>
-        <button class="lead-fast-signout">signout</button>
-      `;
-            // Debug CSS variables after updating user section
-            const titleBar = document.querySelector('.lead-fast-title-bar');
-            if (titleBar) {
-                const computedStyle = getComputedStyle(titleBar);
-                //console.log('🎨 [THEME DEBUG] Title bar background color:', computedStyle.backgroundColor);
-                //console.log('🎨 [THEME DEBUG] Title bar border color:', computedStyle.borderColor);
-            }
-            // Add sign out functionality
-            const signoutBtn = userSection.querySelector('.lead-fast-signout');
-            if (signoutBtn) {
-                signoutBtn.addEventListener('click', () => {
-                    this.signOut();
-                });
-            }
-        }
-        else {
-            // Anonymous user - show usage count
-            //console.log('🎨 [THEME DEBUG] Showing anonymous user usage count');
-            const countText = `Attempts: ${status.currentCount}/${status.limit}`;
-            userSection.innerHTML = `
-        <div class="lead-fast-anonymous-status">
-          <span class="lead-fast-count">${countText}</span>
-        </div>
-      `;
-        }
-    }
-    setupUIUpdates() {
-        // Update UI on auth changes
-        this.on('authChanged', async () => {
-            // Invalidate cache when auth state changes
-            // console.log(`🕐 [CACHE] Invalidating cache due to auth change (was: ${this.cachedStatus ? 'cached' : 'null'})`);
-            this.cachedStatus = null;
-            this.updateStatusDisplays();
-            // Update paywall display if it's currently shown
-            const modal = document.getElementById('download-limiter-paywall');
-            if (modal && modal.classList.contains('show')) {
-                this.updatePaywallDisplay();
-                // Auto-redirect to payment after sign-in from paywall (if not already premium)
-                if (this.currentUser && this.config.payment) {
-                    setTimeout(async () => {
-                        const isPremium = await this.checkPremiumStatus(this.currentUser.email);
-                        if (!isPremium) {
-                            // User is not premium, redirect to payment
-                            const payment = await this.createPayment();
-                            if (payment?.checkout_url) {
-                                window.location.href = payment.checkout_url;
-                            }
-                        }
-                        else {
-                            // User is already premium, just close paywall and stay on page
-                            modal.classList.remove('show');
-                        }
-                    }, 1000); // Small delay to let UI update
-                }
-            }
-        });
-        // Update UI on count changes
-        this.on('countChanged', () => {
-            this.updateStatusDisplays();
-        });
-        // Initial update
-        this.updateStatusDisplays();
-    }
-    updatePaywallDisplay() {
-        const modal = document.getElementById('download-limiter-paywall');
-        if (!modal)
-            return;
-        const authSection = modal.querySelector('#download-limiter-auth-section');
-        const paymentSection = modal.querySelector('#download-limiter-payment-section');
-        if (!this.currentUser) {
-            // Not signed in - show auth section
-            authSection.style.display = 'block';
-            paymentSection.style.display = 'none';
-        }
-        else {
-            // Signed in - show payment section
-            authSection.style.display = 'none';
-            paymentSection.style.display = 'block';
-        }
-    }
-    /**
-     * Event listener management
-     */
-    on(event, listener) {
-        if (!this.eventListeners.has(event)) {
-            this.eventListeners.set(event, []);
-        }
-        this.eventListeners.get(event).push(listener);
-    }
-    off(event, listener) {
-        const listeners = this.eventListeners.get(event);
-        if (listeners) {
-            const index = listeners.indexOf(listener);
-            if (index > -1) {
-                listeners.splice(index, 1);
-            }
-        }
-    }
-    emit(event, data) {
-        const listeners = this.eventListeners.get(event);
-        if (listeners) {
-            listeners.forEach(listener => {
-                try {
-                    listener(data);
-                }
-                catch (error) {
-                    console.error(`Error in ${event} listener:`, error);
-                }
-            });
-        }
-    }
-    validateConfig() {
-        if (!this.config.appId)
-            throw new Error('appId is required');
-        if (!this.config.supabase?.url)
-            throw new Error('supabase.url is required');
-        if (!this.config.supabase?.anonKey)
-            throw new Error('supabase.anonKey is required');
-        if (typeof this.config.freeAttemptLimit !== 'number' || this.config.freeAttemptLimit < 0) {
-            throw new Error('freeAttemptLimit must be a non-negative number');
-        }
-    }
-    async initializeSupabase() {
-        try {
-            this.supabase = createClient(this.config.supabase.url, this.config.supabase.anonKey);
-            // Skip connection test - we'll detect connection issues during actual API calls
-            this.supabaseConnectionFailed = false;
-        }
-        catch (error) {
-            console.error('Failed to initialize Supabase:', error);
-            this.supabaseConnectionFailed = true;
-        }
-    }
-    async initializePayment() {
-        // Skip if no payment configuration
-        if (!this.config.payment) {
-            return;
-        }
-        // Validate product ID format
-        const payment = this.config.payment?.find(p => p.provider === 'dodo');
-        if (!payment) {
-            this.paymentConnectionFailed = true;
-            if (this.config.options?.debug) {
-                console.warn('No dodo payment provider configured');
-            }
-            return;
-        }
-        const productId = payment.productId;
-        if (!productId || !productId.startsWith('pdt_') || productId.length < 10) {
-            this.paymentConnectionFailed = true;
-            if (this.config.options?.debug) {
-                console.warn('Invalid payment product ID format:', productId);
-            }
-            return;
-        }
-        // For now, skip payment gateway connectivity test
-        // Only validate product ID format (which we already did above)
-        // In production, you can add actual DodoPayments API test here
-        this.paymentConnectionFailed = false;
-    }
-    async initializeFingerprint() {
-        try {
-            this.userFingerprint = await this.generateFingerprint();
-        }
-        catch (error) {
-            this.userFingerprint = crypto.randomUUID ? crypto.randomUUID() : String(Date.now());
-            if (this.config.options?.debug) {
-                console.warn('Fingerprint generation failed, using fallback:', error);
-            }
-        }
-    }
-    async generateFingerprint() {
-        const ua = navigator.userAgent || '';
-        const tz = Intl.DateTimeFormat().resolvedOptions().timeZone || '';
-        const screenSize = `${screen.width}x${screen.height}`;
-        const lang = navigator.language || '';
-        const raw = `${ua}||${tz}||${screenSize}||${lang}`;
-        const buf = new TextEncoder().encode(raw);
-        const hashBuffer = await crypto.subtle.digest('SHA-256', buf);
-        const hashArray = Array.from(new Uint8Array(hashBuffer));
-        return hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
-    }
-    async setupAuthListener() {
-        this.supabase.auth.onAuthStateChange(async (event, session) => {
-            const previousUser = this.currentUser;
-            this.currentUser = session?.user || null;
-            let isPremium = false;
-            if (this.currentUser) {
-                // Only check premium status if user changed or cache is expired
-                const userChanged = !previousUser || previousUser.email !== this.currentUser.email;
-                const cacheExpired = !this.cachedPremiumStatus || (Date.now() - this.premiumStatusCacheTime) > this.STATUS_CACHE_DURATION;
-                if (userChanged || cacheExpired) {
-                    isPremium = await this.checkPremiumStatus(this.currentUser.email);
-                    // Cache the result
-                    this.cachedPremiumStatus = isPremium;
-                    this.premiumStatusCacheTime = Date.now();
-                }
-                else {
-                    // Use cached result
-                    isPremium = this.cachedPremiumStatus; // We know it's not null because cacheExpired is false
-                    console.log(`🔍 [CACHE] Using cached premium status from auth listener: ${isPremium}`);
-                }
-            }
-            else {
-                // Clear cache when user logs out
-                this.cachedPremiumStatus = null;
-                this.premiumStatusCacheTime = 0;
-            }
-            // Check if user just signed in for upgrade flow
-            const urlParams = new URLSearchParams(window.location.search);
-            const isUpgradeFlow = urlParams.get('upgrade') === 'true';
-            if (event === 'SIGNED_IN' && !previousUser && this.currentUser && this.config.payment) {
-                // Check if this is an upgrade flow (from anonymous trial)
-                if (isUpgradeFlow) {
-                    if (!isPremium) {
-                        // User signed in for upgrade - redirect to payment immediately
-                        const payment = await this.createPayment();
-                        if (payment?.checkout_url) {
-                            // Clean URL before redirect
-                            window.history.replaceState({}, document.title, window.location.pathname);
-                            window.location.href = payment.checkout_url;
-                        }
-                    }
-                    else {
-                        // User is already premium, just clean URL and close modal
-                        window.history.replaceState({}, document.title, window.location.pathname);
-                        const modal = document.getElementById('download-limiter-paywall');
-                        if (modal) {
-                            modal.classList.remove('show');
-                        }
-                    }
-                }
-            }
-            this.emit('authChanged', { user: this.currentUser, isPremium });
-        });
-        // Get initial auth state
-        const { data: { user } } = await this.supabase.auth.getUser();
-        this.currentUser = user;
-    }
-    async getDownloadCount() {
-        if (!this.userFingerprint)
-            return 0;
-        try {
-            const response = await fetch(`${this.config.supabase.url}/functions/v1/check-download-limit`, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'Authorization': `Bearer ${this.config.supabase.anonKey}`
-                },
-                body: JSON.stringify({
-                    fingerprint: this.userFingerprint,
-                    security_key: this.config.security_key,
-                    action: 'check'
-                })
-            });
-            if (response.ok) {
-                const data = await response.json();
-                this.supabaseConnectionFailed = false; // Connection successful
-                return data.current_count || 0;
-            }
-            else {
-                // Handle auth errors (401/403) as connection failures
-                if (response.status === 401 || response.status === 403) {
-                    // Try to get the actual error message from response
-                    try {
-                        const errorData = await response.json();
-                        const errorMsg = errorData.error || errorData.message || 'Authentication failed';
-                        // Check if it's a security key validation error
-                        if (errorMsg.toLowerCase().includes('security key')) {
-                            console.error(`❌ Security Key Validation Failed [check-download-limit]: ${errorMsg}`);
-                            console.error(`💡 Backend Function: check-download-limit`);
-                            console.error(`💡 Please check your security_key in the MoneyBar configuration`);
-                            this.securityKeyFailed = true; // Set security key error flag
-                            this.supabaseConnectionFailed = true; // Also mark connection as failed to disable downloads
-                        }
-                        else {
-                            console.warn(`Supabase authentication failed [check-download-limit]: ${response.status} - ${errorMsg}`);
-                            this.supabaseConnectionFailed = true;
-                        }
-                    }
-                    catch (e) {
-                        console.warn(`Supabase authentication failed: ${response.status} - Unable to parse error`);
-                        this.supabaseConnectionFailed = true;
-                    }
-                }
-            }
-        }
-        catch (error) {
-            this.supabaseConnectionFailed = true; // Mark connection as failed
-            if (this.config.options?.debug) {
-                console.warn('Failed to get server usage count, connection failed:', error);
-            }
-        }
-        // Security: Do not fallback to localStorage when server connection fails
-        // This prevents users from bypassing limits by manipulating localStorage
-        return 0;
-    }
-    async incrementDownloadCount() {
-        if (!this.userFingerprint) {
-            // if (this.config.options?.debug) {
-            //   console.warn('🔍 DEBUG: No userFingerprint available for incrementDownloadCount');
-            // }
-            return 0;
-        }
-        const requestBody = {
-            fingerprint: this.userFingerprint,
-            security_key: this.config.security_key,
-            action: 'increment'
-        };
-        try {
-            const response = await fetch(`${this.config.supabase.url}/functions/v1/check-download-limit`, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'Authorization': `Bearer ${this.config.supabase.anonKey}`
-                },
-                body: JSON.stringify(requestBody)
-            });
-            if (this.config.options?.debug) {
-                //console.log('🔍 DEBUG: Response status:', response.status);
-                if (!response.ok) {
-                    const errorText = await response.text();
-                    console.error('🔍 DEBUG: Error response:', errorText);
-                }
-            }
-            if (response.ok) {
-                const data = await response.json();
-                this.supabaseConnectionFailed = false; // Connection successful
-                return data.new_count || 0;
-            }
-            else {
-                // Handle auth errors (401/403) as connection failures
-                if (response.status === 401 || response.status === 403) {
-                    // Try to get the actual error message from response
-                    try {
-                        const errorData = await response.json();
-                        const errorMsg = errorData.error || errorData.message || 'Authentication failed';
-                        // Check if it's a security key validation error
-                        if (errorMsg.toLowerCase().includes('security key')) {
-                            console.error(`❌ Security Key Validation Failed [check-download-limit]: ${errorMsg}`);
-                            console.error(`💡 Backend Function: check-download-limit`);
-                            console.error(`💡 Please check your security_key in the MoneyBar configuration`);
-                            this.securityKeyFailed = true; // Set security key error flag
-                            this.supabaseConnectionFailed = true; // Also mark connection as failed to disable downloads
-                        }
-                        else {
-                            console.warn(`Supabase authentication failed [check-download-limit]: ${response.status} - ${errorMsg}`);
-                            this.supabaseConnectionFailed = true;
-                        }
-                    }
-                    catch (e) {
-                        console.warn(`Supabase authentication failed: ${response.status} - Unable to parse error`);
-                        this.supabaseConnectionFailed = true;
-                    }
-                }
-            }
-        }
-        catch (error) {
-            this.supabaseConnectionFailed = true; // Mark connection as failed
-            if (this.config.options?.debug) {
-                console.warn('Failed to increment server count, connection failed:', error);
-            }
-        }
-        // Security: Do not fallback to localStorage when server connection fails
-        // This prevents users from bypassing limits by manipulating localStorage
-        return 0;
-    }
-    async checkPremiumStatus(email) {
-        try {
-            const response = await fetch(`${this.config.supabase.url}/functions/v1/check-payment-status`, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'Authorization': `Bearer ${this.config.supabase.anonKey}`
-                },
-                body: JSON.stringify({
-                    email,
-                    app_id: this.config.appId
-                })
-            });
-            if (response.ok) {
-                const data = await response.json();
-                return data.status === 'completed';
-            }
-        }
-        catch (error) {
-            if (this.config.options?.debug) {
-                console.warn('Failed to check premium status:', error);
-            }
-        }
-        return false;
-    }
-    getLocalDownloadCount() {
-        const key = `download_count_${this.config.appId}`;
-        const val = parseInt(localStorage.getItem(key) || '0', 10);
-        return isNaN(val) ? 0 : val;
-    }
-    incrementLocalDownloadCount() {
-        const key = `download_count_${this.config.appId}`;
-        const next = this.getLocalDownloadCount() + 1;
-        localStorage.setItem(key, String(next));
-        return next;
-    }
-    handleError(error) {
-        if (this.config.options?.debug) {
-            console.error('Lead Fast Error:', error);
-        }
-        if (this.config.callbacks?.onError) {
-            this.config.callbacks.onError(error);
-        }
-        else {
-            // Default error handling
-            console.error('Lead Fast:', error.message);
-        }
-        this.emit('error', error);
-    }
-    async checkPaymentStatus() {
-        // Check if user returned from payment
-        const urlParams = new URLSearchParams(window.location.search);
-        if (urlParams.get('payment') === 'success') {
-            // Wait for auth to be ready
-            setTimeout(async () => {
-                if (this.currentUser) {
-                    const isPremium = await this.checkPremiumStatus(this.currentUser.email);
-                    if (isPremium) {
-                        this.showSuccess('Payment Successful!', 'Welcome to premium! You now have unlimited usage.');
-                    }
-                    else {
-                        this.showSuccess('Processing Payment', 'Payment is being processed. Please refresh in a few moments.');
-                    }
-                }
-                else {
-                    this.showSuccess('Processing Payment', 'Please wait while we verify your payment...');
-                }
-                // Clean up URL
-                const cleanUrl = window.location.href.split('?')[0];
-                window.history.replaceState({}, document.title, cleanUrl);
-            }, 2000);
-        }
-    }
-}
-// Export types for consumer use
-export * from './types.js';
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("@supabase/supabase-js");exports.MoneyBar=class{mergeConfigs(n){const t="undefined"!=typeof window?window.APP_CONFIG:null;if(!n&&!t)throw new Error("MoneyBar: No configuration provided. Either pass config to constructor or set window.APP_CONFIG");return n?t?{...t,...n}:n:t}constructor(n){this.currentUser=null,this.userFingerprint=null,this.eventListeners=new Map,this.supabaseConnectionFailed=!1,this.paymentConnectionFailed=!1,this.securityKeyFailed=!1,this.isLoadingStatus=!1,this.cachedStatus=null,this.statusCacheTime=0,this.STATUS_CACHE_DURATION=5e3,this.initializationPromise=null,this.cachedPremiumStatus=null,this.premiumStatusCacheTime=0,this.config=this.mergeConfigs(n),this.config.options,this.validateConfig(),this.initializeSupabase(),this.initializePayment(),this.initializeFingerprint(),this.setupAuthListener(),this.checkPaymentStatus()}async handleDownload(){try{if(this.securityKeyFailed)return void this.showError("Invalid Security Key","Your security key is invalid, expired, or not found. Please check your MoneyBar configuration and ensure you have a valid security_key.");if(this.supabaseConnectionFailed)return void this.config.callbacks?.onError?.(new Error("Server connection required for download verification. Please check your configuration."));if(this.config.payment&&this.paymentConnectionFailed)return void this.config.callbacks?.onError?.(new Error("Payment configuration error. Please contact support."));if(this.currentUser){if(await this.checkPremiumStatus(this.currentUser.email))return void this.config.callbacks?.onPremiumDownload()}const n=await this.getDownloadStatus();if(n.currentCount>=n.limit)return void this.config.callbacks?.onLimitReached(n.currentCount,n.limit);await this.incrementDownloadCount(),this.config.callbacks?.onDownloadAllowed(),this.cachedStatus=null;const t=await this.getDownloadStatus();this.emit("countChanged",{count:t.currentCount,limit:t.limit}),t.currentCount>=t.limit&&setTimeout(()=>{this.config.callbacks?.onLimitReached(t.currentCount,t.limit)},100)}catch(n){this.handleError(n)}}async getDownloadStatus(n=!1){const t=this.cachedStatus?Date.now()-this.statusCacheTime:-1;if(!n&&this.cachedStatus&&t<this.STATUS_CACHE_DURATION)return this.cachedStatus;if(!n&&this.initializationPromise)return await this.initializationPromise;this.initializationPromise=this.fetchFreshStatus(n);try{return await this.initializationPromise}finally{this.initializationPromise=null}}async fetchFreshStatus(n){try{let t=0,e=!1;if(n||!this.cachedStatus){if(t=await this.getDownloadCount(),this.securityKeyFailed)return{currentCount:0,limit:this.config.freeAttemptLimit,isPremium:!1,isAuthenticated:!1,remaining:0}}else t=this.cachedStatus.currentCount;if(this.currentUser){const t=null!==this.cachedPremiumStatus&&Date.now()-this.premiumStatusCacheTime<this.STATUS_CACHE_DURATION;n||!t?(e=await this.checkPremiumStatus(this.currentUser.email),this.cachedPremiumStatus=e,this.premiumStatusCacheTime=Date.now()):(e=this.cachedPremiumStatus,console.log(`🔍 [CACHE] Using cached premium status from getDownloadStatus: ${e}`))}else e=!1;const a={currentCount:t,limit:this.config.freeAttemptLimit,isPremium:e,isAuthenticated:!!this.currentUser,remaining:Math.max(0,this.config.freeAttemptLimit-t)};return this.cachedStatus=a,this.statusCacheTime=Date.now(),a}catch(n){this.handleError(n);const t={currentCount:0,limit:this.config.freeAttemptLimit,isPremium:!1,isAuthenticated:!1,remaining:this.config.freeAttemptLimit};return this.cachedStatus=t,this.statusCacheTime=Date.now(),t}}async getUserContext(){const n=await this.getDownloadStatus();return{isPremium:n.isPremium,isAuthenticated:n.isAuthenticated,email:this.currentUser?.email,name:this.currentUser?.user_metadata?.full_name||this.currentUser?.user_metadata?.name,currentCount:n.currentCount,remaining:n.remaining,limit:n.limit,user:this.currentUser}}async signIn(){try{const{error:n}=await this.supabase.auth.signInWithOAuth({provider:"google",options:{redirectTo:`${window.location.origin}${window.location.pathname}`}});if(n)throw n}catch(n){this.handleError(n)}}async signOut(){try{await this.supabase.auth.signOut(),this.currentUser=null,this.emit("authChanged",{user:null,isPremium:!1})}catch(n){this.handleError(n)}}async createPayment(){if(!this.currentUser)throw new Error("User must be signed in to create payment");if(!this.config.payment)throw new Error("Payment configuration not provided");const n=this.config.payment?.find(n=>"dodo"===n.provider);if(!n)throw new Error("No dodo payment provider configured");const t={email:this.currentUser.email,product_id:n.productId,mode:n.mode||"test",app_id:this.config.appId,return_url:`${window.location.origin}${window.location.pathname}?payment=success`};console.log(`🔥 [PAYMENT API] createPayment called for provider: ${n.provider}, email: ${this.currentUser.email} | Time: ${(new Date).toISOString()}`);try{let e;if("dodo"!==n.provider)throw new Error(`Payment provider '${n.provider}' is not yet supported`);if(e=await fetch(`${this.config.supabase.url}/functions/v1/create-payment`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${this.config.supabase.anonKey}`},body:JSON.stringify(t)}),console.log(`🔥 [PAYMENT API] createPayment response for ${n.provider}: ${e.status}`),this.config.options,!e.ok){const n=await e.text();let t;this.config.options?.debug&&console.error("🔍 DEBUG: createPayment error response:",n);try{t=JSON.parse(n)}catch{t={error:n}}throw(n.includes("404")||n.includes("could not be found"))&&(this.paymentConnectionFailed=!0,this.config.options?.debug&&console.warn("Invalid payment product ID detected, disabling downloads"),this.updateStatusDisplays()),new Error(t.error||"Payment creation failed")}const a=await e.json();return this.config.options,a}catch(n){return this.handleError(n),null}}attachToButton(n,t){const e=document.querySelector(n);if(!e)throw new Error(`Button not found: ${n}`);this.injectBaseStyles(),this.createTitleBar(),this.createPaywallModal(),this.createSuccessModal(),this.createAuthUI(),this.createStatusDisplay(),e.setAttribute("data-leadfast-attached","true"),e.onclick=async n=>{n.preventDefault(),await this.handleButtonClick(t)},this.setupUIUpdates()}attachToButtons(n){this.injectBaseStyles(),this.createTitleBar(),this.createPaywallModal(),this.createSuccessModal(),this.createAuthUI(),n.buttons.forEach(n=>{const t=document.querySelector(n.selector);t?(t.setAttribute("data-leadfast-attached","true"),t.onclick=async t=>{t.preventDefault(),await this.handleButtonClick(n.downloadCallback)},this.setupUIUpdates()):console.warn(`Button not found: ${n.selector}`)}),this.createGlobalStatusDisplay()}async handleButtonClick(n){const t=document.querySelector('[data-leadfast-attached="true"]');if(t&&t.disabled)console.log("⚠️ Button click ignored - operation already in progress");else{t&&(t.disabled=!0,t.style.opacity="0.6");try{await this.handleButtonClickInternal(n)}finally{t&&(t.disabled=!1,t.style.opacity="1")}}}async handleButtonClickInternal(n){if(this.supabaseConnectionFailed)return void this.showConnectionError();if(this.config.payment&&this.paymentConnectionFailed)return void this.showPaymentConfigError();const t=this.cachedStatus&&Date.now()-this.statusCacheTime<this.STATUS_CACHE_DURATION?this.cachedStatus:await this.getDownloadStatus();if(t.isPremium){const t=await this.getUserContext();return void(n.length>0?n(t):n())}if(t.currentCount>=t.limit)this.showPaywallInstant(t);else{try{if(n.length>0){const t=await this.getUserContext();t.isPremium||(t.currentCount+=1,t.remaining=Math.max(0,t.limit-t.currentCount)),n(t)}else n();const t=await this.getDownloadStatus(!0);if(t.currentCount>=t.limit)return console.warn(`⚠️ Limit reached during execution (${t.currentCount}/${t.limit}) - canceling increment`),void alert("⚠️ You reached the limit while this action was processing. No attempt was counted.");const e=await this.incrementDownloadCount();if(e>this.config.freeAttemptLimit)return void console.error(`⚠️ Server returned count (${e}) exceeding limit (${this.config.freeAttemptLimit})`);if(!0===this.config.successMessage?.enabled){const n=this.config.successMessage?.title||"Action Completed!",t=this.config.successMessage?.message||"Your action completed successfully!";this.showSuccess(n,t)}}catch(n){return console.error("User function failed:",n),void alert("Action failed. Please check the console for details. No attempt was counted.")}this.cachedStatus=null,this.updateStatusDisplays()}}injectBaseStyles(){if(document.getElementById("lead-fast-styles"))return;this.config.theme?.name&&this.injectDaisyUI();const n=document.createElement("style");n.id="lead-fast-styles";const t=this.config.theme?.primaryColor||"#3182ce";n.textContent=`\n      /* User Profile Card - Top Right */\n      .lead-fast-profile {\n        position: fixed;\n        top: 20px;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 1000;\n        font-family: system-ui, -apple-system, sans-serif;\n        width: 90%;\n        max-width: 1200px;\n      }\n\n      .lead-fast-title-bar {\n        background: rgba(250, 247, 245, 0.9) !important;\n        border: 1px solid rgba(231, 226, 223, 0.6) !important;\n        color: #291334 !important;\n        border-radius: 16px;\n        padding: 12px 24px;\n        box-shadow: 0 8px 32px rgb(0 0 0 / 0.1), 0 2px 8px rgb(0 0 0 / 0.05);\n        backdrop-filter: blur(20px);\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        min-height: 60px;\n        font-family: system-ui, -apple-system, sans-serif;\n      }\n\n      /* Theme variations for floating title bar */\n      [data-theme="bumblebee"] .lead-fast-title-bar {\n        background: rgba(255, 248, 220, 0.9) !important;\n        border-color: rgba(254, 215, 170, 0.6) !important;\n        color: #1c1917 !important;\n      }\n\n      [data-theme="garden"] .lead-fast-title-bar {\n        background: rgba(240, 253, 244, 0.9) !important;\n        border-color: rgba(134, 239, 172, 0.6) !important;\n        color: #14532d !important;\n      }\n\n      [data-theme="emerald"] .lead-fast-title-bar {\n        background: rgba(236, 253, 245, 0.9) !important;\n        border-color: rgba(167, 243, 208, 0.6) !important;\n        color: #065f46 !important;\n      }\n\n      [data-theme="corporate"] .lead-fast-title-bar {\n        background: rgba(248, 250, 252, 0.9) !important;\n        border-color: rgba(226, 232, 240, 0.6) !important;\n        color: #1e293b !important;\n      }\n\n      [data-theme="dark"] .lead-fast-title-bar {\n        background: rgba(31, 41, 55, 0.9) !important;\n        border-color: rgba(55, 65, 81, 0.6) !important;\n        color: #f9fafb !important;\n      }\n\n      [data-theme="cyberpunk"] .lead-fast-title-bar {\n        background: rgba(0, 20, 36, 0.9) !important;\n        border-color: rgba(7, 89, 133, 0.6) !important;\n        color: #0ea5e9 !important;\n        box-shadow: 0 8px 32px rgba(14, 165, 233, 0.2), 0 2px 8px rgba(14, 165, 233, 0.1);\n      }\n\n      [data-theme="valentine"] .lead-fast-title-bar {\n        background: rgba(233, 30, 122, 0.15) !important;\n        border-color: rgba(233, 30, 122, 0.6) !important;\n        color: #831843 !important;\n      }\n\n      [data-theme="synthwave"] .lead-fast-title-bar {\n        background: rgba(32, 20, 64, 0.9) !important;\n        border-color: rgba(186, 85, 211, 0.6) !important;\n        color: #ff00ff !important;\n        box-shadow: 0 8px 32px rgba(255, 0, 255, 0.2), 0 2px 8px rgba(255, 0, 255, 0.1);\n      }\n\n      [data-theme="dracula"] .lead-fast-title-bar {\n        background: rgba(40, 42, 54, 0.9) !important;\n        border-color: rgba(98, 114, 164, 0.6) !important;\n        color: #f8f8f2 !important;\n      }\n\n      [data-theme="halloween"] .lead-fast-title-bar {\n        background: rgba(26, 26, 26, 0.9) !important;\n        border-color: rgba(255, 165, 0, 0.6) !important;\n        color: #ff6600 !important;\n      }\n\n      [data-theme="forest"] .lead-fast-title-bar {\n        background: rgba(23, 46, 23, 0.9) !important;\n        border-color: rgba(34, 197, 94, 0.6) !important;\n        color: #22c55e !important;\n      }\n\n      [data-theme="luxury"] .lead-fast-title-bar {\n        background: rgba(9, 9, 11, 0.9) !important;\n        border-color: rgba(212, 175, 55, 0.6) !important;\n        color: #d4af37 !important;\n      }\n\n      [data-theme="night"] .lead-fast-title-bar {\n        background: rgba(15, 23, 42, 0.9) !important;\n        border-color: rgba(30, 58, 138, 0.6) !important;\n        color: #60a5fa !important;\n      }\n\n      [data-theme="light"] .lead-fast-title-bar {\n        background: rgba(255, 255, 255, 0.9) !important;\n        border-color: rgba(229, 231, 235, 0.6) !important;\n        color: #1f2937 !important;\n      }\n\n      [data-theme="cupcake"] .lead-fast-title-bar {\n        background: rgba(250, 235, 215, 0.9) !important;\n        border-color: rgba(219, 185, 156, 0.6) !important;\n        color: #8b4513 !important;\n      }\n\n      [data-theme="retro"] .lead-fast-title-bar {\n        background: rgba(212, 165, 116, 0.9) !important;\n        border-color: rgba(185, 144, 102, 0.6) !important;\n        color: #5d4037 !important;\n      }\n\n      [data-theme="aqua"] .lead-fast-title-bar {\n        background: rgba(240, 253, 250, 0.9) !important;\n        border-color: rgba(125, 211, 252, 0.6) !important;\n        color: #155e75 !important;\n      }\n\n      [data-theme="lofi"] .lead-fast-title-bar {\n        background: rgba(248, 248, 248, 0.9) !important;\n        border-color: rgba(68, 68, 68, 0.6) !important;\n        color: #1a1a1a !important;\n      }\n\n      [data-theme="pastel"] .lead-fast-title-bar {\n        background: rgba(254, 251, 255, 0.9) !important;\n        border-color: rgba(209, 196, 233, 0.6) !important;\n        color: #7c3aed !important;\n      }\n\n      [data-theme="fantasy"] .lead-fast-title-bar {\n        background: rgba(255, 247, 237, 0.9) !important;\n        border-color: rgba(249, 168, 212, 0.6) !important;\n        color: #be185d !important;\n      }\n\n      [data-theme="wireframe"] .lead-fast-title-bar {\n        background: rgba(223, 223, 223, 0.9) !important;\n        border-color: rgba(0, 0, 0, 0.3) !important;\n        color: #000000 !important;\n      }\n\n      [data-theme="black"] .lead-fast-title-bar {\n        background: rgba(0, 0, 0, 0.9) !important;\n        border-color: rgba(55, 55, 55, 0.6) !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="cmyk"] .lead-fast-title-bar {\n        background: rgba(0, 255, 255, 0.9) !important;\n        border-color: rgba(255, 0, 255, 0.6) !important;\n        color: #000000 !important;\n      }\n\n      [data-theme="autumn"] .lead-fast-title-bar {\n        background: rgba(139, 69, 19, 0.9) !important;\n        border-color: rgba(255, 140, 0, 0.6) !important;\n        color: #ff8c00 !important;\n      }\n\n      [data-theme="business"] .lead-fast-title-bar {\n        background: rgba(29, 78, 216, 0.9) !important;\n        border-color: rgba(59, 130, 246, 0.6) !important;\n        color: #3b82f6 !important;\n      }\n\n      [data-theme="acid"] .lead-fast-title-bar {\n        background: rgba(255, 255, 0, 0.9) !important;\n        border-color: rgba(255, 0, 255, 0.6) !important;\n        color: #000000 !important;\n      }\n\n      [data-theme="lemonade"] .lead-fast-title-bar {\n        background: rgba(255, 255, 224, 0.9) !important;\n        border-color: rgba(34, 197, 94, 0.6) !important;\n        color: #15803d !important;\n      }\n\n      [data-theme="coffee"] .lead-fast-title-bar {\n        background: rgba(101, 67, 33, 0.9) !important;\n        border-color: rgba(160, 82, 45, 0.6) !important;\n        color: #d2b48c !important;\n      }\n\n      [data-theme="winter"] .lead-fast-title-bar {\n        background: rgba(248, 250, 252, 0.9) !important;\n        border-color: rgba(59, 130, 246, 0.6) !important;\n        color: #1e40af !important;\n      }\n\n      .lead-fast-title-section {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n      }\n\n      .lead-fast-logo {\n        font-size: 20px;\n        font-weight: 700;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        color: inherit;\n        text-decoration: none;\n      }\n\n      .lead-fast-logo img {\n        width: 32px;\n        height: 32px;\n        border-radius: 6px;\n      }\n\n      .lead-fast-nav {\n        display: flex;\n        align-items: center;\n        gap: 32px;\n        margin-left: 24px;\n      }\n\n      .lead-fast-nav-link {\n        color: inherit;\n        text-decoration: none;\n        font-weight: 500;\n        font-size: 14px;\n        opacity: 0.8;\n        transition: all 0.2s;\n      }\n\n      .lead-fast-nav-link:hover {\n        opacity: 1;\n        text-decoration: none;\n      }\n\n      .lead-fast-user-section {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n      }\n\n      .lead-fast-avatar {\n        width: 36px;\n        height: 36px;\n        border-radius: 50%;\n        background: linear-gradient(135deg, ${t}, #4f46e5);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: white;\n        font-weight: 600;\n        font-size: 14px;\n      }\n\n      .lead-fast-user-info {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 2px;\n      }\n\n      .lead-fast-user-email {\n        color: inherit !important;\n        font-size: 13px;\n        font-weight: 500;\n        line-height: 1;\n      }\n\n      .lead-fast-user-status {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n      }\n\n      .lead-fast-badge {\n        padding: 2px 6px;\n        border-radius: 12px;\n        font-size: 10px;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 0.025em;\n        line-height: 1;\n      }\n\n      .lead-fast-badge.premium {\n        background: #10b981 !important;\n        color: #ffffff !important;\n      }\n\n      .lead-fast-badge.free {\n        background: #65c3c8 !important;\n        color: #291334 !important;\n      }\n\n      [data-theme="dark"] .lead-fast-badge.premium {\n        background: #059669 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="dark"] .lead-fast-badge.free {\n        background: #374151 !important;\n        color: #f9fafb !important;\n      }\n\n      .lead-fast-count {\n        font-size: 10px;\n        color: inherit !important;\n        opacity: 0.7;\n        line-height: 1;\n      }\n\n      .lead-fast-signout {\n        background: rgba(0, 0, 0, 0.1) !important;\n        border: none;\n        color: inherit !important;\n        cursor: pointer;\n        padding: 6px 12px;\n        border-radius: 8px;\n        transition: all 0.2s;\n        font-size: 11px;\n        font-weight: 500;\n        margin-left: 8px;\n      }\n\n      [data-theme="dark"] .lead-fast-signout {\n        background: rgba(255, 255, 255, 0.1) !important;\n      }\n\n      [data-theme="cyberpunk"] .lead-fast-signout {\n        background: rgba(14, 165, 233, 0.2) !important;\n      }\n\n      .lead-fast-signout:hover {\n        background: rgba(0, 0, 0, 0.2) !important;\n        transform: translateY(-1px);\n      }\n\n      [data-theme="dark"] .lead-fast-signout:hover {\n        background: rgba(255, 255, 255, 0.2) !important;\n      }\n\n      [data-theme="cyberpunk"] .lead-fast-signout:hover {\n        background: rgba(14, 165, 233, 0.3) !important;\n      }\n\n      .lead-fast-branding {\n        position: absolute;\n        bottom: -20px;\n        left: 24px;\n        font-size: 9px;\n        color: inherit !important;\n        opacity: 0.4;\n        font-weight: 500;\n        letter-spacing: 0.05em;\n        text-transform: lowercase;\n        background: rgba(255, 255, 255, 0.8);\n        padding: 2px 6px;\n        border-radius: 4px;\n        backdrop-filter: blur(8px);\n      }\n\n      [data-theme="dark"] .lead-fast-branding {\n        background: rgba(0, 0, 0, 0.6);\n      }\n\n      [data-theme="cyberpunk"] .lead-fast-branding {\n        background: rgba(0, 20, 36, 0.8);\n      }\n\n      /* Modal Theming */\n      .download-limiter-modal {\n        display: none;\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(0,0,0,0.5);\n        z-index: 9999;\n        align-items: center;\n        justify-content: center;\n      }\n      .download-limiter-modal.show { display: flex; }\n\n      .download-limiter-content {\n        background: #faf7f5 !important;\n        color: #291334 !important;\n        padding: 2rem;\n        border-radius: 12px;\n        max-width: 400px;\n        text-align: center;\n        box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n        border: 1px solid #e7e2df !important;\n        font-family: system-ui, -apple-system, sans-serif;\n      }\n\n      [data-theme="dark"] .download-limiter-content {\n        background: #1f2937 !important;\n        color: #f9fafb !important;\n        border-color: #374151 !important;\n      }\n\n      [data-theme="cyberpunk"] .download-limiter-content {\n        background: #001424 !important;\n        color: #0ea5e9 !important;\n        border-color: #075985 !important;\n      }\n\n      [data-theme="valentine"] .download-limiter-content {\n        background: rgba(233, 30, 122, 0.05) !important;\n        color: #831843 !important;\n        border-color: #e91e7a !important;\n      }\n\n      [data-theme="bumblebee"] .download-limiter-content {\n        background: rgba(255, 248, 220, 0.95) !important;\n        color: #1c1917 !important;\n        border-color: rgba(254, 215, 170, 0.8) !important;\n      }\n\n      [data-theme="garden"] .download-limiter-content {\n        background: rgba(240, 253, 244, 0.95) !important;\n        color: #14532d !important;\n        border-color: rgba(134, 239, 172, 0.8) !important;\n      }\n\n      [data-theme="emerald"] .download-limiter-content {\n        background: rgba(236, 253, 245, 0.95) !important;\n        color: #065f46 !important;\n        border-color: rgba(167, 243, 208, 0.8) !important;\n      }\n\n      [data-theme="corporate"] .download-limiter-content {\n        background: rgba(248, 250, 252, 0.95) !important;\n        color: #1e293b !important;\n        border-color: rgba(226, 232, 240, 0.8) !important;\n      }\n\n      [data-theme="forest"] .download-limiter-content {\n        background: rgba(23, 46, 23, 0.95) !important;\n        color: #22c55e !important;\n        border-color: rgba(34, 197, 94, 0.8) !important;\n      }\n\n      [data-theme="halloween"] .download-limiter-content {\n        background: rgba(26, 26, 26, 0.95) !important;\n        color: #ff6500 !important;\n        border-color: rgba(255, 165, 0, 0.3) !important;\n      }\n\n      [data-theme="synthwave"] .download-limiter-content {\n        background: rgba(32, 20, 64, 0.95) !important;\n        color: #ba55d3 !important;\n        border-color: rgba(186, 85, 211, 0.3) !important;\n      }\n\n      [data-theme="dracula"] .download-limiter-content {\n        background: rgba(40, 42, 54, 0.95) !important;\n        color: #f8f8f2 !important;\n        border-color: rgba(98, 114, 164, 0.3) !important;\n      }\n\n      [data-theme="luxury"] .download-limiter-content {\n        background: rgba(9, 9, 11, 0.95) !important;\n        color: #d4af37 !important;\n        border-color: rgba(212, 175, 55, 0.3) !important;\n      }\n\n      [data-theme="night"] .download-limiter-content {\n        background: rgba(15, 23, 42, 0.95) !important;\n        color: #1e40af !important;\n        border-color: rgba(30, 58, 138, 0.3) !important;\n      }\n\n      [data-theme="light"] .download-limiter-content {\n        background: rgba(255, 255, 255, 0.95) !important;\n        color: #1f2937 !important;\n        border-color: rgba(229, 231, 235, 0.8) !important;\n      }\n\n      [data-theme="cupcake"] .download-limiter-content {\n        background: rgba(250, 235, 215, 0.95) !important;\n        color: #8b4513 !important;\n        border-color: rgba(219, 185, 156, 0.8) !important;\n      }\n\n      [data-theme="retro"] .download-limiter-content {\n        background: rgba(212, 165, 116, 0.95) !important;\n        color: #5d4037 !important;\n        border-color: rgba(185, 144, 102, 0.8) !important;\n      }\n\n      [data-theme="aqua"] .download-limiter-content {\n        background: rgba(240, 253, 250, 0.95) !important;\n        color: #155e75 !important;\n        border-color: rgba(125, 211, 252, 0.8) !important;\n      }\n\n      [data-theme="lofi"] .download-limiter-content {\n        background: rgba(248, 248, 248, 0.95) !important;\n        color: #1a1a1a !important;\n        border-color: rgba(68, 68, 68, 0.8) !important;\n      }\n\n      [data-theme="pastel"] .download-limiter-content {\n        background: rgba(254, 251, 255, 0.95) !important;\n        color: #7c3aed !important;\n        border-color: rgba(209, 196, 233, 0.8) !important;\n      }\n\n      [data-theme="fantasy"] .download-limiter-content {\n        background: rgba(255, 247, 237, 0.95) !important;\n        color: #be185d !important;\n        border-color: rgba(249, 168, 212, 0.8) !important;\n      }\n\n      [data-theme="wireframe"] .download-limiter-content {\n        background: rgba(255, 255, 255, 0.95) !important;\n        color: #000000 !important;\n        border-color: rgba(0, 0, 0, 0.3) !important;\n      }\n\n      [data-theme="black"] .download-limiter-content {\n        background: rgba(0, 0, 0, 0.95) !important;\n        color: #ffffff !important;\n        border-color: rgba(55, 55, 55, 0.8) !important;\n      }\n\n      [data-theme="cmyk"] .download-limiter-content {\n        background: rgba(0, 255, 255, 0.95) !important;\n        color: #000000 !important;\n        border-color: rgba(255, 0, 255, 0.8) !important;\n      }\n\n      [data-theme="autumn"] .download-limiter-content {\n        background: rgba(139, 69, 19, 0.95) !important;\n        color: #ff8c00 !important;\n        border-color: rgba(255, 140, 0, 0.8) !important;\n      }\n\n      [data-theme="business"] .download-limiter-content {\n        background: rgba(29, 78, 216, 0.95) !important;\n        color: #3b82f6 !important;\n        border-color: rgba(59, 130, 246, 0.8) !important;\n      }\n\n      [data-theme="acid"] .download-limiter-content {\n        background: rgba(255, 255, 0, 0.95) !important;\n        color: #000000 !important;\n        border-color: rgba(255, 0, 255, 0.8) !important;\n      }\n\n      [data-theme="lemonade"] .download-limiter-content {\n        background: rgba(255, 255, 224, 0.95) !important;\n        color: #15803d !important;\n        border-color: rgba(34, 197, 94, 0.8) !important;\n      }\n\n      [data-theme="coffee"] .download-limiter-content {\n        background: rgba(101, 67, 33, 0.95) !important;\n        color: #d2b48c !important;\n        border-color: rgba(160, 82, 45, 0.8) !important;\n      }\n\n      [data-theme="winter"] .download-limiter-content {\n        background: rgba(248, 250, 252, 0.95) !important;\n        color: #1e40af !important;\n        border-color: rgba(59, 130, 246, 0.8) !important;\n      }\n\n      .download-limiter-content h2 {\n        color: inherit !important;\n        margin: 0 0 1rem 0;\n        font-size: 1.5rem;\n        font-weight: 600;\n      }\n      .download-limiter-content p {\n        color: inherit !important;\n        margin: 0 0 1.5rem 0;\n        line-height: 1.6;\n      }\n      .download-limiter-signin-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: #65c3c8 !important;\n        color: #291334 !important;\n        border: none;\n        padding: 12px 20px;\n        border-radius: 8px;\n        font-size: 14px;\n        font-weight: 500;\n        cursor: pointer;\n        text-decoration: none;\n        transition: all 0.2s;\n        box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n      }\n\n      [data-theme="dark"] .download-limiter-signin-btn {\n        background: #3b82f6 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="cyberpunk"] .download-limiter-signin-btn {\n        background: #f59e0b !important;\n        color: #000000 !important;\n      }\n\n      [data-theme="valentine"] .download-limiter-signin-btn {\n        background: #e91e7a !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="bumblebee"] .download-limiter-signin-btn {\n        background: #fbbf24 !important;\n        color: #1c1917 !important;\n      }\n\n      [data-theme="garden"] .download-limiter-signin-btn {\n        background: #22c55e !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="emerald"] .download-limiter-signin-btn {\n        background: #10b981 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="corporate"] .download-limiter-signin-btn {\n        background: #3b82f6 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="forest"] .download-limiter-signin-btn {\n        background: #22c55e !important;\n        color: #1a1a1a !important;\n      }\n\n      [data-theme="halloween"] .download-limiter-signin-btn {\n        background: #ff6500 !important;\n        color: #1a1a1a !important;\n      }\n\n      [data-theme="synthwave"] .download-limiter-signin-btn {\n        background: #ba55d3 !important;\n        color: #201040 !important;\n      }\n\n      [data-theme="dracula"] .download-limiter-signin-btn {\n        background: #8be9fd !important;\n        color: #282a36 !important;\n      }\n\n      [data-theme="luxury"] .download-limiter-signin-btn {\n        background: #d4af37 !important;\n        color: #09090b !important;\n      }\n\n      [data-theme="night"] .download-limiter-signin-btn {\n        background: #1e40af !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="light"] .download-limiter-signin-btn {\n        background: #3b82f6 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="cupcake"] .download-limiter-signin-btn {\n        background: #8b4513 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="retro"] .download-limiter-signin-btn {\n        background: #d4a574 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="aqua"] .download-limiter-signin-btn {\n        background: #0891b2 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="lofi"] .download-limiter-signin-btn {\n        background: #1a1a1a !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="pastel"] .download-limiter-signin-btn {\n        background: #7c3aed !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="fantasy"] .download-limiter-signin-btn {\n        background: #be185d !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="wireframe"] .download-limiter-signin-btn {\n        background: #dfdfdf !important;\n        color: #000000 !important;\n        border: 1px solid #000000 !important;\n      }\n\n      [data-theme="black"] .download-limiter-signin-btn {\n        background: #ffffff !important;\n        color: #000000 !important;\n      }\n\n      [data-theme="cmyk"] .download-limiter-signin-btn {\n        background: #ff00ff !important;\n        color: #000000 !important;\n      }\n\n      [data-theme="autumn"] .download-limiter-signin-btn {\n        background: #ff8c00 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="business"] .download-limiter-signin-btn {\n        background: #3b82f6 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="acid"] .download-limiter-signin-btn {\n        background: #ff00ff !important;\n        color: #000000 !important;\n      }\n\n      [data-theme="lemonade"] .download-limiter-signin-btn {\n        background: #22c55e !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="coffee"] .download-limiter-signin-btn {\n        background: #a0522d !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="winter"] .download-limiter-signin-btn {\n        background: #3b82f6 !important;\n        color: #ffffff !important;\n      }\n\n      .download-limiter-signin-btn:hover {\n        opacity: 0.9;\n        transform: translateY(-1px);\n        box-shadow: 0 4px 8px rgba(0,0,0,0.15);\n      }\n\n      /* Upgrade Button Styles for All Themes */\n      [data-theme="dark"] .upgrade-btn {\n        background: #3b82f6 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="cyberpunk"] .upgrade-btn {\n        background: #ff073a !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="valentine"] .upgrade-btn {\n        background: #e91e7a !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="bumblebee"] .upgrade-btn {\n        background: #f59e0b !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="garden"] .upgrade-btn {\n        background: #10b981 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="emerald"] .upgrade-btn {\n        background: #10b981 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="corporate"] .upgrade-btn {\n        background: #3b82f6 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="forest"] .upgrade-btn {\n        background: #10b981 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="halloween"] .upgrade-btn {\n        background: #ff7b00 !important;\n        color: #000000 !important;\n      }\n\n      [data-theme="synthwave"] .upgrade-btn {\n        background: #e879f9 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="dracula"] .upgrade-btn {\n        background: #bd93f9 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="luxury"] .upgrade-btn {\n        background: #d4af37 !important;\n        color: #000000 !important;\n      }\n\n      [data-theme="night"] .upgrade-btn {\n        background: #38bdf8 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="light"] .upgrade-btn {\n        background: #3b82f6 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="cupcake"] .upgrade-btn {\n        background: #f472b6 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="retro"] .upgrade-btn {\n        background: #d4a574 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="aqua"] .upgrade-btn {\n        background: #06b6d4 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="lofi"] .upgrade-btn {\n        background: #a3a3a3 !important;\n        color: #000000 !important;\n      }\n\n      [data-theme="pastel"] .upgrade-btn {\n        background: #a78bfa !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="fantasy"] .upgrade-btn {\n        background: #f472b6 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="wireframe"] .upgrade-btn {\n        background: #dfdfdf !important;\n        color: #000000 !important;\n        border: 1px solid #000000 !important;\n      }\n\n      [data-theme="black"] .upgrade-btn {\n        background: #ffffff !important;\n        color: #000000 !important;\n      }\n\n      [data-theme="cmyk"] .upgrade-btn {\n        background: #0891b2 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="autumn"] .upgrade-btn {\n        background: #d97706 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="business"] .upgrade-btn {\n        background: #3b82f6 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="acid"] .upgrade-btn {\n        background: #84cc16 !important;\n        color: #000000 !important;\n      }\n\n      [data-theme="lemonade"] .upgrade-btn {\n        background: #22c55e !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="coffee"] .upgrade-btn {\n        background: #a0522d !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="winter"] .upgrade-btn {\n        background: #3b82f6 !important;\n        color: #ffffff !important;\n      }\n\n      /* Cancel Button Styles for All Themes */\n      [data-theme="dark"] .cancel-btn {\n        background: #4b5563 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="cyberpunk"] .cancel-btn {\n        background: #7e22ce !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="valentine"] .cancel-btn {\n        background: #c11560 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="bumblebee"] .cancel-btn {\n        background: #d97706 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="garden"] .cancel-btn {\n        background: #059669 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="emerald"] .cancel-btn {\n        background: #059669 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="corporate"] .cancel-btn {\n        background: #6b7280 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="forest"] .cancel-btn {\n        background: #059669 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="halloween"] .cancel-btn {\n        background: #7c3aed !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="synthwave"] .cancel-btn {\n        background: #7e22ce !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="dracula"] .cancel-btn {\n        background: #6272a4 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="luxury"] .cancel-btn {\n        background: #8b5cf6 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="night"] .cancel-btn {\n        background: #0284c7 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="light"] .cancel-btn {\n        background: #6b7280 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="cupcake"] .cancel-btn {\n        background: #ec4899 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="retro"] .cancel-btn {\n        background: #b8925c !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="aqua"] .cancel-btn {\n        background: #0891b2 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="lofi"] .cancel-btn {\n        background: #6b7280 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="pastel"] .cancel-btn {\n        background: #8b5cf6 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="fantasy"] .cancel-btn {\n        background: #ec4899 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="wireframe"] .cancel-btn {\n        background: #f5f5f5 !important;\n        color: #000000 !important;\n        border: 1px solid #000000 !important;\n      }\n\n      [data-theme="black"] .cancel-btn {\n        background: #6b7280 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="cmyk"] .cancel-btn {\n        background: #0369a1 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="autumn"] .cancel-btn {\n        background: #c2410c !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="business"] .cancel-btn {\n        background: #6b7280 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="acid"] .cancel-btn {\n        background: #65a30d !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="lemonade"] .cancel-btn {\n        background: #16a34a !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="coffee"] .cancel-btn {\n        background: #8b4513 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="winter"] .cancel-btn {\n        background: #1e40af !important;\n        color: #ffffff !important;\n      }\n\n      /* Success Button Styles for All Themes */\n      [data-theme="dark"] .success-btn {\n        background: #10b981 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="cyberpunk"] .success-btn {\n        background: #00ff41 !important;\n        color: #000000 !important;\n      }\n\n      [data-theme="valentine"] .success-btn {\n        background: #e91e7a !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="bumblebee"] .success-btn {\n        background: #f59e0b !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="garden"] .success-btn {\n        background: #10b981 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="emerald"] .success-btn {\n        background: #10b981 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="corporate"] .success-btn {\n        background: #10b981 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="forest"] .success-btn {\n        background: #10b981 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="halloween"] .success-btn {\n        background: #ff7b00 !important;\n        color: #000000 !important;\n      }\n\n      [data-theme="synthwave"] .success-btn {\n        background: #00ff41 !important;\n        color: #000000 !important;\n      }\n\n      [data-theme="dracula"] .success-btn {\n        background: #50fa7b !important;\n        color: #000000 !important;\n      }\n\n      [data-theme="luxury"] .success-btn {\n        background: #d4af37 !important;\n        color: #000000 !important;\n      }\n\n      [data-theme="night"] .success-btn {\n        background: #22d3ee !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="light"] .success-btn {\n        background: #10b981 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="cupcake"] .success-btn {\n        background: #f472b6 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="retro"] .success-btn {\n        background: #d4a574 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="aqua"] .success-btn {\n        background: #06b6d4 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="lofi"] .success-btn {\n        background: #10b981 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="pastel"] .success-btn {\n        background: #34d399 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="fantasy"] .success-btn {\n        background: #f472b6 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="wireframe"] .success-btn {\n        background: #dfdfdf !important;\n        color: #000000 !important;\n        border: 1px solid #000000 !important;\n      }\n\n      [data-theme="black"] .success-btn {\n        background: #10b981 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="cmyk"] .success-btn {\n        background: #06b6d4 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="autumn"] .success-btn {\n        background: #d97706 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="business"] .success-btn {\n        background: #10b981 !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="acid"] .success-btn {\n        background: #84cc16 !important;\n        color: #000000 !important;\n      }\n\n      [data-theme="lemonade"] .success-btn {\n        background: #22c55e !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="coffee"] .success-btn {\n        background: #a0522d !important;\n        color: #ffffff !important;\n      }\n\n      [data-theme="winter"] .success-btn {\n        background: #3b82f6 !important;\n        color: #ffffff !important;\n      }\n      .download-limiter-signout-btn {\n        background: #dc3545;\n        color: white;\n        border: none;\n        padding: 6px 12px;\n        border-radius: 4px;\n        font-size: 12px;\n        cursor: pointer;\n        margin-left: 8px;\n      }\n      .download-limiter-premium-badge {\n        background: linear-gradient(45deg, #f39c12, #e74c3c);\n        color: white;\n        padding: 2px 6px;\n        border-radius: 3px;\n        font-size: 10px;\n        margin-left: 8px;\n        font-weight: bold;\n      }\n      .download-limiter-btn-premium {\n        opacity: 0.7;\n      }\n      .download-limiter-success-modal {\n        display: none;\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(0,0,0,0.5);\n        z-index: 10000;\n        align-items: center;\n        justify-content: center;\n      }\n      .download-limiter-success-modal.show { display: flex; }\n      .download-limiter-success-content {\n        background: white;\n        padding: 2rem;\n        border-radius: 8px;\n        max-width: 400px;\n        text-align: center;\n        box-shadow: 0 4px 20px rgba(0,0,0,0.15);\n        border-left: 4px solid #38a169;\n      }\n\n      /* Single upgrade flow styles */\n      .single-upgrade-container {\n        margin: 20px 0;\n        text-align: center;\n      }\n\n      .single-upgrade-content .upgrade-btn {\n        background: linear-gradient(135deg, #059669, #0d9488) !important;\n        color: white !important;\n        border: none !important;\n        padding: 16px 32px !important;\n        border-radius: 12px !important;\n        font-size: 18px !important;\n        font-weight: 600 !important;\n        cursor: pointer !important;\n        transition: all 0.3s ease !important;\n        box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3) !important;\n        margin-bottom: 16px !important;\n        min-width: 200px !important;\n      }\n\n      .single-upgrade-content .upgrade-btn:hover {\n        background: linear-gradient(135deg, #047857, #0f766e) !important;\n        transform: translateY(-2px) !important;\n        box-shadow: 0 6px 20px rgba(5, 150, 105, 0.4) !important;\n      }\n\n      .single-upgrade-content .upgrade-description {\n        font-size: 14px !important;\n        color: #6b7280 !important;\n        margin: 12px 0 0 0 !important;\n        line-height: 1.5 !important;\n        max-width: 300px !important;\n        margin-left: auto !important;\n        margin-right: auto !important;\n      }\n\n      /* Anonymous user usage count styles */\n      .lead-fast-anonymous-status {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n      }\n\n      .lead-fast-anonymous-status .lead-fast-count {\n        background: rgba(59, 130, 246, 0.1);\n        color: #1d4ed8;\n        padding: 6px 12px;\n        border-radius: 8px;\n        font-size: 14px;\n        font-weight: 500;\n        border: 1px solid rgba(59, 130, 246, 0.2);\n      }\n\n      /* Loading state styles */\n      .lead-fast-loading-status {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n      }\n\n      .lead-fast-spinner {\n        width: 20px;\n        height: 20px;\n        color: #3b82f6;\n      }\n\n      .lead-fast-loading-text {\n        font-size: 14px;\n        color: #6b7280;\n        font-weight: 500;\n      }\n\n      /* Success button theming */\n      .download-limiter-btn.success-btn {\n        background: #059669 !important;\n        color: white !important;\n        border: none !important;\n        padding: 12px 24px !important;\n        border-radius: 8px !important;\n        cursor: pointer !important;\n        margin-top: 20px !important;\n        font-size: 16px !important;\n        font-weight: 500 !important;\n        transition: all 0.2s ease !important;\n      }\n\n      .download-limiter-btn.success-btn:hover {\n        background: #047857 !important;\n        transform: translateY(-1px) !important;\n      }\n\n      /* Theme-specific success button colors */\n      [data-theme="cyberpunk"] .download-limiter-btn.success-btn {\n        background: #0ea5e9 !important;\n        box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3) !important;\n      }\n\n      [data-theme="cyberpunk"] .download-limiter-btn.success-btn:hover {\n        background: #0284c7 !important;\n      }\n\n      [data-theme="valentine"] .download-limiter-btn.success-btn {\n        background: #be185d !important;\n      }\n\n      [data-theme="valentine"] .download-limiter-btn.success-btn:hover {\n        background: #9d174d !important;\n      }\n\n      [data-theme="bumblebee"] .download-limiter-btn.success-btn {\n        background: #f59e0b !important;\n      }\n\n      [data-theme="bumblebee"] .download-limiter-btn.success-btn:hover {\n        background: #d97706 !important;\n      }\n\n      [data-theme="garden"] .download-limiter-btn.success-btn {\n        background: #16a34a !important;\n      }\n\n      [data-theme="garden"] .download-limiter-btn.success-btn:hover {\n        background: #15803d !important;\n      }\n\n      /* Google Sign-in button theming */\n      .download-limiter-btn.google-signin-btn {\n        background: #4285f4 !important;\n        color: white !important;\n        border: none !important;\n        padding: 12px 24px !important;\n        border-radius: 8px !important;\n        cursor: pointer !important;\n        margin-right: 10px !important;\n        display: inline-flex !important;\n        align-items: center !important;\n        gap: 8px !important;\n        font-size: 14px !important;\n        font-weight: 500 !important;\n        transition: all 0.2s ease !important;\n      }\n\n      .download-limiter-btn.google-signin-btn:hover {\n        background: #3367d6 !important;\n        transform: translateY(-1px) !important;\n      }\n\n      /* Upgrade button theming */\n      .download-limiter-btn.upgrade-btn {\n        background: #059669 !important;\n        color: white !important;\n        border: none !important;\n        padding: 12px 24px !important;\n        border-radius: 8px !important;\n        cursor: pointer !important;\n        margin-right: 10px !important;\n        font-size: 16px !important;\n        font-weight: 500 !important;\n        transition: all 0.2s ease !important;\n      }\n\n      .download-limiter-btn.upgrade-btn:hover {\n        background: #047857 !important;\n        transform: translateY(-1px) !important;\n      }\n\n      /* Theme-specific button colors */\n      [data-theme="cyberpunk"] .download-limiter-btn.upgrade-btn {\n        background: #0ea5e9 !important;\n        box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3) !important;\n      }\n\n      [data-theme="valentine"] .download-limiter-btn.upgrade-btn {\n        background: #be185d !important;\n      }\n\n      [data-theme="bumblebee"] .download-limiter-btn.upgrade-btn {\n        background: #f59e0b !important;\n      }\n\n      [data-theme="garden"] .download-limiter-btn.upgrade-btn {\n        background: #16a34a !important;\n      }\n\n      /* Cancel button container and styling - positioned at very bottom */\n      .download-limiter-cancel-container {\n        margin-top: 30px !important;\n        padding-top: 20px !important;\n        border-top: 1px solid rgba(0, 0, 0, 0.1) !important;\n        text-align: center !important;\n        position: relative !important;\n        bottom: 0 !important;\n      }\n\n      .download-limiter-btn.cancel-btn {\n        background: transparent !important;\n        color: #6b7280 !important;\n        border: none !important;\n        padding: 8px 16px !important;\n        border-radius: 6px !important;\n        cursor: pointer !important;\n        font-size: 13px !important;\n        font-weight: 400 !important;\n        transition: all 0.2s ease !important;\n        text-decoration: underline !important;\n        margin: 0 auto !important;\n        display: block !important;\n      }\n\n      .download-limiter-btn.cancel-btn:hover {\n        color: #374151 !important;\n        background: rgba(107, 114, 128, 0.1) !important;\n        text-decoration: none !important;\n      }\n\n      /* Theme-specific cancel button border */\n      [data-theme="dark"] .download-limiter-cancel-container {\n        border-top-color: rgba(255, 255, 255, 0.1) !important;\n      }\n\n      [data-theme="dark"] .download-limiter-btn.cancel-btn {\n        color: #9ca3af !important;\n      }\n\n      [data-theme="dark"] .download-limiter-btn.cancel-btn:hover {\n        color: #d1d5db !important;\n        background: rgba(156, 163, 175, 0.1) !important;\n      }\n\n      [data-theme="cyberpunk"] .download-limiter-cancel-container {\n        border-top-color: rgba(14, 165, 233, 0.2) !important;\n      }\n\n      [data-theme="cyberpunk"] .download-limiter-btn.cancel-btn {\n        color: #0ea5e9 !important;\n      }\n\n      [data-theme="cyberpunk"] .download-limiter-btn.cancel-btn:hover {\n        color: #38bdf8 !important;\n        background: rgba(14, 165, 233, 0.1) !important;\n      }\n    `,document.head.appendChild(n)}injectDaisyUI(){if(document.querySelector('link[href*="daisyui"]')){if(this.config.theme?.name){const n=this.config.theme.name.toLowerCase();document.documentElement.setAttribute("data-theme",n)}}else if(this.config.theme?.name){const n=this.config.theme.name.toLowerCase();document.documentElement.setAttribute("data-theme",n),this.updateStatusDisplays()}}createPaywallModal(){if(document.getElementById("download-limiter-paywall"))return;const n=document.createElement("div");n.id="download-limiter-paywall",n.className="download-limiter-modal",n.innerHTML='\n      <div class="download-limiter-content">\n        <h3 id="download-limiter-paywall-title">Usage Limit Reached</h3>\n        <p id="download-limiter-paywall-subtitle">You\'ve used all your free attempts. Upgrade to premium for unlimited usage!</p>\n\n        \x3c!-- Auth Section (shows when not signed in) --\x3e\n        <div id="download-limiter-auth-section" style="margin: 20px 0;">\n          <p>Sign in to continue or upgrade to premium</p>\n          <button id="download-limiter-signin-btn" class="download-limiter-btn google-signin-btn">\n            <svg width="18" height="18" viewBox="0 0 18 18" fill="none">\n              <path d="M16.51 8H8.98v3h4.3c-.18 1-.74 1.48-1.6 2.04v2.01h2.6a8.8 8.8 0 0 0 2.38-5.88c0-.57-.05-.66-.15-1.18z" fill="white"/>\n              <path d="M8.98 17c2.16 0 3.97-.72 5.3-1.94l-2.6-2.04a4.8 4.8 0 0 1-2.7.75 4.8 4.8 0 0 1-4.52-3.4H1.83v2.07A8 8 0 0 0 8.98 17z" fill="white"/>\n              <path d="M4.46 10.37a4.8 4.8 0 0 1-.25-1.37c0-.48.09-.94.25-1.37V5.56H1.83a8 8 0 0 0 0 6.88l2.63-2.07z" fill="white"/>\n              <path d="M8.98 3.77c1.32 0 2.5.45 3.44 1.35l2.58-2.58C13.94.64 11.66 0 8.98 0A8 8 0 0 0 1.83 5.56l2.63 2.07c.61-1.8 2.26-3.86 4.52-3.86z" fill="white"/>\n            </svg>\n            Sign in with Google\n          </button>\n        </div>\n\n        \x3c!-- Payment Section (shows when signed in) --\x3e\n        <div id="download-limiter-payment-section" style="margin: 20px 0; display: none;">\n          <button id="download-limiter-upgrade-btn" class="download-limiter-btn upgrade-btn">\n            Upgrade to Premium\n          </button>\n        </div>\n\n        <div class="download-limiter-cancel-container">\n          <button id="download-limiter-close-btn" class="download-limiter-btn cancel-btn">\n            Cancel\n          </button>\n        </div>\n      </div>\n    ',document.body.appendChild(n),n.querySelector("#download-limiter-signin-btn").addEventListener("click",async()=>{await this.signIn()}),n.querySelector("#download-limiter-upgrade-btn").addEventListener("click",async()=>{const n=await this.createPayment();n?.checkout_url&&(window.location.href=n.checkout_url)}),n.querySelector("#download-limiter-close-btn").addEventListener("click",()=>{this.config.options?.debug&&(console.log("🔍 DEBUG: Cancel button clicked"),console.log("🔍 DEBUG: this.config.feedback:",this.config.feedback),console.log("🔍 DEBUG: this.config.email:",this.config.email),console.log("🔍 DEBUG: Feedback config exists:",!(!this.config.feedback&&!this.config.email))),this.config.feedback||this.config.email?(this.config.options?.debug&&console.log("🔍 DEBUG: Showing feedback form"),this.showFeedbackForm()):(this.config.options?.debug&&console.log("🔍 DEBUG: No email config, just closing modal"),n.classList.remove("show"))})}createSuccessModal(){if(document.getElementById("download-limiter-success"))return;const n=document.createElement("div");n.id="download-limiter-success",n.className="download-limiter-modal",n.innerHTML='\n      <div class="download-limiter-content"> \x3c!-- Use same content class as paywall for theming --\x3e\n        <h3 id="download-limiter-success-title">Action Started!</h3>\n        <p id="download-limiter-success-message">Your action completed successfully!</p>\n        <button id="download-limiter-success-close" class="download-limiter-btn success-btn">\n          OK\n        </button>\n      </div>\n    ',document.body.appendChild(n),n.querySelector("#download-limiter-success-close").addEventListener("click",()=>{n.classList.remove("show")}),n.addEventListener("click",t=>{t.target===n&&n.classList.remove("show")})}showFeedbackForm(){const n=document.getElementById("download-limiter-paywall");n&&n.classList.remove("show"),this.createFeedbackModal();const t=document.getElementById("download-limiter-feedback");t&&t.classList.add("show")}createFeedbackModal(){if(document.getElementById("download-limiter-feedback"))return void(this.config.options?.debug&&console.log("🔍 DEBUG: Feedback modal already exists"));const n=this.config.feedback||(this.config.email?{form:{title:"Quick Feedback",description:"Why didn't you upgrade?",option1:"Not useful for my needs",option2:"Didn't find what I was looking for",option3:"Just trying it out"},email:this.config.email}:null);if(this.config.options?.debug&&(console.log("🔍 DEBUG: Feedback config:",n),console.log("🔍 DEBUG: this.config.feedback:",this.config.feedback),console.log("🔍 DEBUG: this.config.email:",this.config.email)),!n)return void(this.config.options?.debug&&console.log("🔍 DEBUG: No feedback config found, not creating modal"));const t=document.createElement("div");t.id="download-limiter-feedback",t.className="download-limiter-modal",t.innerHTML=`\n      <div class="download-limiter-content">\n        <h3>${n.form.title}</h3>\n        <p style="margin-bottom: 20px;">${n.form.description}</p>\n\n        <form id="feedback-form" style="text-align: left;">\n          <div style="margin-bottom: 15px;">\n            <label style="display: block; margin-bottom: 8px;">\n              <input type="radio" name="reason" value="option1" style="margin-right: 8px;">\n              ${n.form.option1}\n            </label>\n            <label style="display: block; margin-bottom: 8px;">\n              <input type="radio" name="reason" value="option2" style="margin-right: 8px;">\n              ${n.form.option2}\n            </label>\n            <label style="display: block; margin-bottom: 8px;">\n              <input type="radio" name="reason" value="option3" style="margin-right: 8px;">\n              ${n.form.option3}\n            </label>\n          </div>\n\n          <div style="margin-bottom: 15px;">\n            <label for="feedback-details" style="display: block; margin-bottom: 5px;">Tell us more:</label>\n            <textarea\n              id="feedback-details"\n              name="details"\n              rows="3"\n              style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px;"\n              placeholder="Your feedback helps us improve..." maxlength="200"></textarea>\n          </div>\n\n          <div style="margin-bottom: 20px;">\n            <label for="feedback-email" style="display: block; margin-bottom: 5px;">\n              Email (optional):\n            </label>\n            <input\n              type="email"\n              id="feedback-email"\n              name="email"\n              style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px;"\n              placeholder="your@email.com">\n            <small style="color: #666; display: block; margin-top: 4px;">\n              Only if you want us to reach out about what you mentioned above. We don't follow up unless you want us to\n            </small>\n          </div>\n\n   \n          <div style="text-align: center;">\n            <button type="submit" class="download-limiter-btn success-btn" style="margin-right: 10px;">\n              Submit Feedback\n            </button>\n            <button type="button" id="feedback-skip-btn" class="download-limiter-btn cancel-btn">\n              Skip\n            </button>\n          </div>\n        </form>\n      </div>\n    `,document.body.appendChild(t),this.config.options?.debug&&console.log("🔍 DEBUG: Feedback modal created and added to DOM");const e=t.querySelector("#feedback-form");e.addEventListener("submit",n=>{n.preventDefault(),this.submitFeedback(e)}),t.querySelector("#feedback-skip-btn").addEventListener("click",()=>{t.classList.remove("show")}),t.addEventListener("click",n=>{n.target===t&&t.classList.remove("show")})}async submitFeedback(n){const t=new FormData(n),e=t.get("reason"),a=t.get("details"),o=t.get("email");if(!e)return void alert("Please select a reason");const r={reason:e,details:a,email:o||void 0,timestamp:(new Date).toISOString(),userAgent:navigator.userAgent,appId:this.config.appId};try{await this.sendFeedbackEmail(r);const n=document.getElementById("download-limiter-feedback");n&&n.classList.remove("show"),alert("Thank you for your feedback!")}catch(n){console.error("Failed to send feedback:",n),alert("Failed to send feedback. Please try again.")}}async sendFeedbackEmail(n){let t;if(this.config.feedback?.email?t=Array.isArray(this.config.feedback.email)?this.config.feedback.email[0]:this.config.feedback.email:this.config.email&&(t={provider:"resend",apiKey:this.config.email.resendApiKey,fromEmail:this.config.email.fromEmail}),!t)throw new Error("Email configuration not available");const e=`\nNew Feedback from ${this.config.appId}\n\nReason: ${n.reason}\nDetails: ${n.details}\nUser Email: ${n.email||"Not provided"}\nTimestamp: ${n.timestamp}\nUser Agent: ${n.userAgent}\n    `.trim();let a;if("resend"!==t.provider&&t.provider)throw new Error(`Unsupported email provider: ${t.provider}`);if(a=await fetch("https://api.resend.com/emails",{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t.apiKey||t.resendApiKey}`},body:JSON.stringify({from:t.fromEmail,to:[t.fromEmail],subject:`Feedback from ${this.config.appId}`,text:e})}),!a.ok)throw new Error(`Email API error: ${a.status}`)}createAuthUI(){if(document.getElementById("lead-fast-profile"))return;const n=document.createElement("div");n.id="lead-fast-profile",n.className="lead-fast-profile",document.body.appendChild(n)}createStatusDisplay(){if(document.getElementById("download-limiter-status"))return;const n=document.createElement("div");n.id="download-limiter-status",n.className="download-limiter-status",document.body.appendChild(n)}createGlobalStatusDisplay(){this.createStatusDisplay()}showPaywallInstant(n){this.createPaywallModal();const t=document.getElementById("download-limiter-paywall");if(t){const e=t.querySelector("#download-limiter-paywall-title");e&&(e.textContent=`You've used ${n.limit} free attempts`);const a=t.querySelector("#download-limiter-auth-section"),o=t.querySelector("#download-limiter-payment-section");if(this.currentUser)a.style.display="none",o.style.display="block";else{const n=t.querySelector("#download-limiter-paywall-subtitle");n&&(n.textContent="Sign in to continue. If you're already premium, you'll get unlimited access. New users can upgrade after signing in."),a.style.display="none",o.style.display="none",this.showSingleUpgradeFlow(t)}t.classList.add("show")}}async showPaywall(){const n=await this.getDownloadStatus();this.showPaywallInstant(n)}showSingleUpgradeFlow(n){let t=n.querySelector(".single-upgrade-container");if(!t){t=document.createElement("div"),t.className="single-upgrade-container",t.innerHTML='\n        <div class="single-upgrade-content">\n          <button class="download-limiter-btn upgrade-btn" id="single-upgrade-btn">\n            Continue with Google\n          </button>\n          \x3c!--<p class="upgrade-description">\n            Sign in to restore access. Premium members get unlimited usage immediately.\n          </p>--\x3e\n        </div>\n      ';const e=n.querySelector(".download-limiter-cancel-container");e?n.querySelector(".download-limiter-content")?.insertBefore(t,e):n.querySelector(".download-limiter-content")?.appendChild(t)}t.style.display="block";const e=n.querySelector("#single-upgrade-btn");if(e){e.replaceWith(e.cloneNode(!0));const t=n.querySelector("#single-upgrade-btn");t?.addEventListener("click",async()=>{try{const{error:n}=await this.supabase.auth.signInWithOAuth({provider:"google",options:{redirectTo:`${window.location.origin}${window.location.pathname}?upgrade=true`}});n&&(console.error("Sign in error:",n),this.showError("Sign In Failed","Failed to sign in with Google. Please try again."))}catch(n){console.error("Upgrade flow error:",n),this.showError("Upgrade Failed","Failed to start upgrade process. Please try again.")}})}}showSuccess(n,t){const e=document.getElementById("download-limiter-success");if(e){const a=e.querySelector("#download-limiter-success-title"),o=e.querySelector("#download-limiter-success-message");a&&(a.textContent=n),o&&(o.textContent=t),e.classList.add("show")}}showError(n,t){const e=document.createElement("div");e.style.cssText="\n      position: fixed;\n      top: 20px;\n      right: 20px;\n      background: #fee2e2;\n      border: 1px solid #fecaca;\n      color: #dc2626;\n      padding: 12px 16px;\n      border-radius: 8px;\n      font-size: 14px;\n      font-weight: 500;\n      line-height: 1.4;\n      max-width: 300px;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n      z-index: 10000;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    ",e.innerHTML=`\n      <div style="font-weight: 600; margin-bottom: 4px;">${n}</div>\n      <div style="font-size: 13px; opacity: 0.9;">${t}</div>\n    `,document.body.appendChild(e),setTimeout(()=>{e.parentNode&&e.parentNode.removeChild(e)},5e3),e.addEventListener("click",()=>{e.parentNode&&e.parentNode.removeChild(e)})}showConnectionError(){this.showError("Connection Error","Server connection required for download verification. Please check your configuration and try again.")}showPaymentConfigError(){this.showError("Payment Configuration Error","Payment system is not properly configured. Please contact support.")}disableDownloadButtons(n){const t=document.querySelectorAll("[data-leadfast-attached]"),e={connection:"Download disabled: Server connection required",payment:"Download disabled: Payment configuration error",security_key:"Download disabled: Invalid or missing security key"},a={connection:"⚠️ Connection Error - Downloads Disabled",payment:"⚠️ Payment Config Error - Downloads Disabled",security_key:"🔐 Invalid Security Key - Please Update Configuration"};t.forEach(t=>{const a=t;a.disabled=!0,a.style.opacity="0.5",a.style.cursor="not-allowed",a.title=e[n]});const o=document.querySelector(".lead-fast-user-section");o&&(o.innerHTML=`\n        <div style="\n          color: #ef4444;\n          padding: 6px 8px;\n          font-size: 12px;\n          font-weight: 500;\n          line-height: 1.2;\n          border-radius: 4px;\n          background: rgba(239, 68, 68, 0.05);\n          border: 1px solid rgba(239, 68, 68, 0.2);\n          max-width: 200px;\n          text-align: center;\n        ">\n          ${a[n]}\n        </div>\n      `)}async updateStatusDisplays(){if(this.securityKeyFailed)return void this.disableDownloadButtons("security_key");if(this.supabaseConnectionFailed)return void this.disableDownloadButtons("connection");if(this.config.payment&&this.paymentConnectionFailed)return void this.disableDownloadButtons("payment");this.isLoadingStatus=!0,this.updateUserSection(null);const n=await this.getDownloadStatus();this.isLoadingStatus=!1,this.securityKeyFailed?this.disableDownloadButtons("security_key"):this.supabaseConnectionFailed?this.disableDownloadButtons("connection"):this.updateUserSection(n)}createTitleBar(){let n=document.getElementById("lead-fast-profile");n||(n=document.createElement("div"),n.id="lead-fast-profile",n.className="lead-fast-profile",document.body.appendChild(n));const t=this.config.titleBar||{},e=t.title||"My App",a=t.titleImage,o=t.links||[];n.innerHTML=`\n      <div class="lead-fast-title-bar">\n        <div class="lead-fast-title-section">\n          <a href="#" class="lead-fast-logo">\n            ${a?`<img src="${a}" alt="${e}">`:""}\n            <span>${e}</span>\n          </a>\n          <nav class="lead-fast-nav">\n            ${o.map(n=>`\n              <a href="${n.url}" class="lead-fast-nav-link" ${n.target?`target="${n.target}"`:""}>\n                ${n.text}\n              </a>\n            `).join("")}\n          </nav>\n        </div>\n\n        <div class="lead-fast-user-section" id="lead-fast-user-section">\n          \x3c!-- User section will be populated when logged in --\x3e\n        </div>\n\n        \x3c!-- <a href="https://www.moneyfast.bar" target="_blank" class="lead-fast-branding" style="text-decoration: none; color: inherit;">moneyfast.bar</a>--\x3e\n      </div>\n    `}updateUserSection(n){const t=document.getElementById("lead-fast-user-section");if(t)if(null===n||this.isLoadingStatus)t.innerHTML='\n        <div class="lead-fast-loading-status">\n          <svg class="lead-fast-spinner" viewBox="0 0 24 24">\n            <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="3" fill="none" stroke-dasharray="31.4 31.4" stroke-linecap="round">\n              <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="1s" repeatCount="indefinite"/>\n            </circle>\n          </svg>\n          <span class="lead-fast-loading-text">Loading...</span>\n        </div>\n      ';else if(this.currentUser){const e=this.currentUser.email.charAt(0).toUpperCase(),a=this.currentUser.email,o=n.isPremium?"premium":"free",r=n.isPremium?"Premium":"Free",i=n.isPremium?"Unlimited":`${n.currentCount}/${n.limit}`;t.innerHTML=`\n        <div class="lead-fast-avatar">${e}</div>\n        <div class="lead-fast-user-info">\n          <div class="lead-fast-user-email">${a}</div>\n          <div class="lead-fast-user-status">\n            <span class="lead-fast-badge ${o}">${r}</span>\n            <span class="lead-fast-count">${i}</span>\n          </div>\n        </div>\n        <button class="lead-fast-signout">signout</button>\n      `;const s=document.querySelector(".lead-fast-title-bar");s&&getComputedStyle(s);const d=t.querySelector(".lead-fast-signout");d&&d.addEventListener("click",()=>{this.signOut()})}else{const e=`Attempts: ${n.currentCount}/${n.limit}`;t.innerHTML=`\n        <div class="lead-fast-anonymous-status">\n          <span class="lead-fast-count">${e}</span>\n        </div>\n      `}}setupUIUpdates(){this.on("authChanged",async()=>{this.cachedStatus=null,this.updateStatusDisplays();const n=document.getElementById("download-limiter-paywall");n&&n.classList.contains("show")&&(this.updatePaywallDisplay(),this.currentUser&&this.config.payment&&setTimeout(async()=>{if(await this.checkPremiumStatus(this.currentUser.email))n.classList.remove("show");else{const n=await this.createPayment();n?.checkout_url&&(window.location.href=n.checkout_url)}},1e3))}),this.on("countChanged",()=>{this.updateStatusDisplays()}),this.updateStatusDisplays()}updatePaywallDisplay(){const n=document.getElementById("download-limiter-paywall");if(!n)return;const t=n.querySelector("#download-limiter-auth-section"),e=n.querySelector("#download-limiter-payment-section");this.currentUser?(t.style.display="none",e.style.display="block"):(t.style.display="block",e.style.display="none")}on(n,t){this.eventListeners.has(n)||this.eventListeners.set(n,[]),this.eventListeners.get(n).push(t)}off(n,t){const e=this.eventListeners.get(n);if(e){const n=e.indexOf(t);n>-1&&e.splice(n,1)}}emit(n,t){const e=this.eventListeners.get(n);e&&e.forEach(e=>{try{e(t)}catch(t){console.error(`Error in ${n} listener:`,t)}})}validateConfig(){if(!this.config.appId)throw new Error("appId is required");if(!this.config.supabase?.url)throw new Error("supabase.url is required");if(!this.config.supabase?.anonKey)throw new Error("supabase.anonKey is required");if("number"!=typeof this.config.freeAttemptLimit||this.config.freeAttemptLimit<0)throw new Error("freeAttemptLimit must be a non-negative number")}async initializeSupabase(){try{this.supabase=n.createClient(this.config.supabase.url,this.config.supabase.anonKey),this.supabaseConnectionFailed=!1}catch(n){console.error("Failed to initialize Supabase:",n),this.supabaseConnectionFailed=!0}}async initializePayment(){if(!this.config.payment)return;const n=this.config.payment?.find(n=>"dodo"===n.provider);if(!n)return this.paymentConnectionFailed=!0,void(this.config.options?.debug&&console.warn("No dodo payment provider configured"));const t=n.productId;if(!t||!t.startsWith("pdt_")||t.length<10)return this.paymentConnectionFailed=!0,void(this.config.options?.debug&&console.warn("Invalid payment product ID format:",t));this.paymentConnectionFailed=!1}async initializeFingerprint(){try{this.userFingerprint=await this.generateFingerprint()}catch(n){this.userFingerprint=crypto.randomUUID?crypto.randomUUID():String(Date.now()),this.config.options?.debug&&console.warn("Fingerprint generation failed, using fallback:",n)}}async generateFingerprint(){const n=`${navigator.userAgent||""}||${Intl.DateTimeFormat().resolvedOptions().timeZone||""}||${`${screen.width}x${screen.height}`}||${navigator.language||""}`,t=(new TextEncoder).encode(n),e=await crypto.subtle.digest("SHA-256",t);return Array.from(new Uint8Array(e)).map(n=>n.toString(16).padStart(2,"0")).join("")}async setupAuthListener(){this.supabase.auth.onAuthStateChange(async(n,t)=>{const e=this.currentUser;this.currentUser=t?.user||null;let a=!1;if(this.currentUser){const n=!e||e.email!==this.currentUser.email,t=!this.cachedPremiumStatus||Date.now()-this.premiumStatusCacheTime>this.STATUS_CACHE_DURATION;n||t?(a=await this.checkPremiumStatus(this.currentUser.email),this.cachedPremiumStatus=a,this.premiumStatusCacheTime=Date.now()):(a=this.cachedPremiumStatus,console.log(`🔍 [CACHE] Using cached premium status from auth listener: ${a}`))}else this.cachedPremiumStatus=null,this.premiumStatusCacheTime=0;const o="true"===new URLSearchParams(window.location.search).get("upgrade");if("SIGNED_IN"===n&&!e&&this.currentUser&&this.config.payment&&o)if(a){window.history.replaceState({},document.title,window.location.pathname);const n=document.getElementById("download-limiter-paywall");n&&n.classList.remove("show")}else{const n=await this.createPayment();n?.checkout_url&&(window.history.replaceState({},document.title,window.location.pathname),window.location.href=n.checkout_url)}this.emit("authChanged",{user:this.currentUser,isPremium:a})});const{data:{user:n}}=await this.supabase.auth.getUser();this.currentUser=n}async getDownloadCount(){if(!this.userFingerprint)return 0;try{const n=await fetch(`${this.config.supabase.url}/functions/v1/check-download-limit`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${this.config.supabase.anonKey}`},body:JSON.stringify({fingerprint:this.userFingerprint,security_key:this.config.security_key,action:"check"})});if(n.ok){const t=await n.json();return this.supabaseConnectionFailed=!1,t.current_count||0}if(401===n.status||403===n.status)try{const t=await n.json(),e=t.error||t.message||"Authentication failed";e.toLowerCase().includes("security key")?(console.error(`❌ Security Key Validation Failed [check-download-limit]: ${e}`),console.error("💡 Backend Function: check-download-limit"),console.error("💡 Please check your security_key in the MoneyBar configuration"),this.securityKeyFailed=!0,this.supabaseConnectionFailed=!0):(console.warn(`Supabase authentication failed [check-download-limit]: ${n.status} - ${e}`),this.supabaseConnectionFailed=!0)}catch(t){console.warn(`Supabase authentication failed: ${n.status} - Unable to parse error`),this.supabaseConnectionFailed=!0}}catch(n){this.supabaseConnectionFailed=!0,this.config.options?.debug&&console.warn("Failed to get server usage count, connection failed:",n)}return 0}async incrementDownloadCount(){if(!this.userFingerprint)return 0;const n={fingerprint:this.userFingerprint,security_key:this.config.security_key,action:"increment"};try{const t=await fetch(`${this.config.supabase.url}/functions/v1/check-download-limit`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${this.config.supabase.anonKey}`},body:JSON.stringify(n)});if(this.config.options?.debug&&!t.ok){const n=await t.text();console.error("🔍 DEBUG: Error response:",n)}if(t.ok){const n=await t.json();return this.supabaseConnectionFailed=!1,n.new_count||0}if(401===t.status||403===t.status)try{const n=await t.json(),e=n.error||n.message||"Authentication failed";e.toLowerCase().includes("security key")?(console.error(`❌ Security Key Validation Failed [check-download-limit]: ${e}`),console.error("💡 Backend Function: check-download-limit"),console.error("💡 Please check your security_key in the MoneyBar configuration"),this.securityKeyFailed=!0,this.supabaseConnectionFailed=!0):(console.warn(`Supabase authentication failed [check-download-limit]: ${t.status} - ${e}`),this.supabaseConnectionFailed=!0)}catch(n){console.warn(`Supabase authentication failed: ${t.status} - Unable to parse error`),this.supabaseConnectionFailed=!0}}catch(n){this.supabaseConnectionFailed=!0,this.config.options?.debug&&console.warn("Failed to increment server count, connection failed:",n)}return 0}async checkPremiumStatus(n){try{const t=await fetch(`${this.config.supabase.url}/functions/v1/check-payment-status`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${this.config.supabase.anonKey}`},body:JSON.stringify({email:n,app_id:this.config.appId})});if(t.ok){return"completed"===(await t.json()).status}}catch(n){this.config.options?.debug&&console.warn("Failed to check premium status:",n)}return!1}getLocalDownloadCount(){const n=`download_count_${this.config.appId}`,t=parseInt(localStorage.getItem(n)||"0",10);return isNaN(t)?0:t}incrementLocalDownloadCount(){const n=`download_count_${this.config.appId}`,t=this.getLocalDownloadCount()+1;return localStorage.setItem(n,String(t)),t}handleError(n){this.config.options?.debug&&console.error("Lead Fast Error:",n),this.config.callbacks?.onError?this.config.callbacks.onError(n):console.error("Lead Fast:",n.message),this.emit("error",n)}async checkPaymentStatus(){"success"===new URLSearchParams(window.location.search).get("payment")&&setTimeout(async()=>{if(this.currentUser){await this.checkPremiumStatus(this.currentUser.email)?this.showSuccess("Payment Successful!","Welcome to premium! You now have unlimited usage."):this.showSuccess("Processing Payment","Payment is being processed. Please refresh in a few moments.")}else this.showSuccess("Processing Payment","Please wait while we verify your payment...");const n=window.location.href.split("?")[0];window.history.replaceState({},document.title,n)},2e3)}};
+//# sourceMappingURL=index.js.map