/* --- WORDPRESS ISOLATION & RESET --- */
        #ae-pro-wrapper {
            background-color: #0f172a !important; /* Slate 900 */
            color: #e2e8f0 !important;
            font-family: 'Inter', sans-serif !important;
            touch-action: none;
            width: 100% !important;
            height: 80vh !important;       
            min-height: 500px !important;  
            max-height: 1000px !important; 
            display: flex !important;
            flex-direction: column !important;
            border-radius: 8px !important;
            overflow: hidden !important;
            position: relative !important;
            box-sizing: border-box !important;
            line-height: 1.5 !important;
            margin: 20px 0 !important;
        }

        #ae-pro-wrapper *, 
        #ae-pro-wrapper *::before, 
        #ae-pro-wrapper *::after { box-sizing: border-box !important; }

        /* Scrollbar Styling */
        #ae-pro-wrapper ::-webkit-scrollbar { width: 6px !important; height: 6px !important; }
        #ae-pro-wrapper ::-webkit-scrollbar-track { background: #1e293b !important; }
        #ae-pro-wrapper ::-webkit-scrollbar-thumb { background: #475569 !important; border-radius: 4px !important; }
        
        /* Slider Styling */
        #ae-pro-wrapper .range-slider {
            -webkit-appearance: none !important;
            background: transparent !important;
            height: 4px !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        #ae-pro-wrapper .range-slider::-webkit-slider-thumb {
            -webkit-appearance: none !important;
            height: 18px !important;
            width: 18px !important;
            border-radius: 50% !important;
            background: #3b82f6 !important;
            margin-top: -7px !important;
            cursor: pointer !important;
            box-shadow: 0 0 0 2px #1e293b !important;
            border: none !important;
        }
        #ae-pro-wrapper .range-slider::-webkit-slider-runnable-track {
            width: 100% !important;
            height: 4px !important;
            background: #334155 !important;
            border-radius: 2px !important;
        }

        /* Loader */
        #ae-pro-wrapper .loader {
            border: 3px solid #f3f3f3 !important;
            border-top: 3px solid #3b82f6 !important;
            border-radius: 50% !important;
            width: 32px !important;
            height: 32px !important;
            animation: ae-spin 1s linear infinite !important;
        }
        @keyframes ae-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

        /* General UI Elements */
        #ae-pro-wrapper .tool-btn:active { transform: scale(0.95) !important; }
        #ae-pro-wrapper .no-select { user-select: none; -webkit-user-select: none; }
        
        #ae-pro-wrapper button {
            cursor: pointer !important;
            line-height: 1 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        #ae-pro-wrapper input[type="text"], 
        #ae-pro-wrapper select {
            background-color: #1e293b !important;
            border: 1px solid #334155 !important;
            color: #93c5fd !important;
            outline: none !important;
        }

        /* --- WAVESURFER STYLING --- */
        #ae-pro-wrapper #waveform ::part(region) {
            background-color: rgba(59, 130, 246, 0.2) !important;
            border-radius: 4px !important;
            z-index: 10 !important;
            border: 1px solid rgba(59, 130, 246, 0.4) !important;
        }
        
        /* --- MARKER STYLING --- */
        #ae-pro-wrapper #waveform ::part(region-handle) {
            width: 42px !important;
            max-width: 42px !important;
            /* Ensure marker.png path is correct or replace with data URI if needed */
            background-image: url('https://www.techgrapple.com/online-tools/tools/2025/audio-editor-pro/marker.png'); 
            background-repeat: no-repeat !important;
            background-position: center top !important;
            background-size: contain !important;
            border-left: none !important;
            border-right: none !important;
            cursor: ew-resize !important;
            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5)) !important;
            background-color: transparent !important;
        }
        
        #ae-pro-wrapper #waveform ::part(region-handle-left) { transform: translate(-50%, 0px) !important; }
        #ae-pro-wrapper #waveform ::part(region-handle-right) { transform: translate(50%, 0px) !important; }
        
        #ae-pro-wrapper #waveform ::part(region-handle-left),
        #ae-pro-wrapper #waveform ::part(region-handle-right) {
            height: 150% !important;
            top: 0 !important;
        }
        
        #ae-pro-wrapper #waveform ::part(wrapper), 
        #ae-pro-wrapper #waveform ::part(scroll) {
            overflow: visible !important;
        }
        
        #ae-pro-wrapper .time-input {
            background: #1e293b !important;
            border: 1px solid #334155 !important;
            color: #93c5fd !important;
            font-family: monospace !important;
            padding: 4px 8px !important;
            border-radius: 6px !important;
            width: 110px !important;
            text-align: center !important;
            font-size: 14px !important;
        }
        #ae-pro-wrapper .time-input:focus {
            outline: none !important;
            border-color: #3b82f6 !important;
        }

        /* Tooltip Styling */
        #ae-pro-wrapper #cursor-tooltip {
            pointer-events: none !important;
            position: fixed !important;
            z-index: 9999 !important;
            opacity: 0;
            transition: opacity 0.1s ease !important;
            transform: translate(10px, 10px) !important;
        }
        
        /* Drag Zone Overrides */
        #ae-pro-wrapper #dropZone {
            z-index: 100 !important;
        }