/* --- WORDPRESS ISOLATION & RESET --- */
        #ae-pro-wrapper {
            background-color: #10291e !important;
            color: #e9efe6 !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: #10291e !important; }
        #ae-pro-wrapper ::-webkit-scrollbar-thumb { background: #426652 !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: #f5b841 !important;
            margin-top: -7px !important;
            cursor: pointer !important;
            box-shadow: 0 0 0 2px #17372a !important;
            border: none !important;
        }
        #ae-pro-wrapper .range-slider::-webkit-slider-runnable-track {
            width: 100% !important;
            height: 4px !important;
            background: #365847 !important;
            border-radius: 2px !important;
        }

        /* Loader */
        #ae-pro-wrapper .loader {
            border: 3px solid #f3f3f3 !important;
            border-top: 3px solid #f5b841 !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;
        }

        /* The site font reset must not replace Font Awesome's icon font. */
        #ae-pro-wrapper :is(.fa, .fa-classic, .fa-sharp, .fas, .fa-solid),
        #ae-pro-wrapper :is(.fa, .fa-classic, .fa-sharp, .fas, .fa-solid)::before {
            font-family: "Font Awesome 6 Free" !important;
            font-style: normal !important;
            font-variant: normal !important;
            font-weight: 900 !important;
            line-height: 1 !important;
            text-rendering: auto !important;
            -webkit-font-smoothing: antialiased;
        }

        #ae-pro-wrapper :is(.far, .fa-regular),
        #ae-pro-wrapper :is(.far, .fa-regular)::before {
            font-family: "Font Awesome 6 Free" !important;
            font-style: normal !important;
            font-weight: 400 !important;
        }

        #ae-pro-wrapper :is(.fab, .fa-brands),
        #ae-pro-wrapper :is(.fab, .fa-brands)::before {
            font-family: "Font Awesome 6 Brands" !important;
            font-style: normal !important;
            font-weight: 400 !important;
        }

        #ae-pro-wrapper input[type="text"], 
        #ae-pro-wrapper select {
            background-color: #153326 !important;
            border: 1px solid #365847 !important;
            color: #8fdcb7 !important;
            outline: none !important;
        }

        /* --- WAVESURFER STYLING --- */
        #ae-pro-wrapper #waveform ::part(region) {
            background-color: rgba(127, 215, 174, 0.2) !important;
            border-radius: 4px !important;
            z-index: 10 !important;
            border: 1px solid rgba(127, 215, 174, 0.48) !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('../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: #153326 !important;
            border: 1px solid #365847 !important;
            color: #8fdcb7 !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: #f5b841 !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;
        }

        /* Static fallback for the editor's Tailwind utility classes. The original
           Tailwind runtime URL is retained, but these scoped rules keep the app
           usable when the runtime cannot compile classes inside injected markup. */
        #ae-pro-wrapper .flex { display: flex !important; }
        #ae-pro-wrapper .hidden { display: none !important; }
        #ae-pro-wrapper .flex-1 { flex: 1 1 0% !important; }
        #ae-pro-wrapper .flex-col { flex-direction: column !important; }
        #ae-pro-wrapper .flex-wrap { flex-wrap: wrap !important; }
        #ae-pro-wrapper .shrink-0 { flex-shrink: 0 !important; }
        #ae-pro-wrapper .items-center { align-items: center !important; }
        #ae-pro-wrapper .justify-center { justify-content: center !important; }
        #ae-pro-wrapper .justify-between { justify-content: space-between !important; }
        #ae-pro-wrapper .relative { position: relative !important; }
        #ae-pro-wrapper .absolute { position: absolute !important; }
        #ae-pro-wrapper .inset-0 { inset: 0 !important; }
        #ae-pro-wrapper .z-0 { z-index: 0 !important; }
        #ae-pro-wrapper .z-10 { z-index: 10 !important; }
        #ae-pro-wrapper .z-20 { z-index: 20 !important; }
        #ae-pro-wrapper .z-30 { z-index: 30 !important; }
        #ae-pro-wrapper .z-\[100\] { z-index: 100 !important; }
        #ae-pro-wrapper .z-\[2000\] { z-index: 2000 !important; }
        #ae-pro-wrapper .w-full { width: 100% !important; }
        #ae-pro-wrapper .w-10 { width: 2.5rem !important; }
        #ae-pro-wrapper .w-16 { width: 4rem !important; }
        #ae-pro-wrapper .w-24 { width: 6rem !important; }
        #ae-pro-wrapper .w-px { width: 1px !important; }
        #ae-pro-wrapper .h-full { height: 100% !important; }
        #ae-pro-wrapper .h-auto { height: auto !important; }
        #ae-pro-wrapper .h-6 { height: 1.5rem !important; }
        #ae-pro-wrapper .h-8 { height: 2rem !important; }
        #ae-pro-wrapper .h-10 { height: 2.5rem !important; }
        #ae-pro-wrapper .h-16 { height: 4rem !important; }
        #ae-pro-wrapper .h-\[42px\] { height: 42px !important; }
        #ae-pro-wrapper .min-h-0 { min-height: 0 !important; }
        #ae-pro-wrapper .min-w-\[80px\] { min-width: 80px !important; }
        #ae-pro-wrapper .max-w-sm { max-width: 24rem !important; }
        #ae-pro-wrapper .overflow-hidden { overflow: hidden !important; }
        #ae-pro-wrapper .overflow-visible { overflow: visible !important; }
        #ae-pro-wrapper .pointer-events-none { pointer-events: none !important; }
        #ae-pro-wrapper .opacity-50 { opacity: .5 !important; }
        #ae-pro-wrapper .gap-1 { gap: .25rem !important; }
        #ae-pro-wrapper .gap-2 { gap: .5rem !important; }
        #ae-pro-wrapper .gap-3 { gap: .75rem !important; }
        #ae-pro-wrapper .gap-6 { gap: 1.5rem !important; }
        #ae-pro-wrapper .m-0 { margin: 0 !important; }
        #ae-pro-wrapper .mx-1 { margin-right: .25rem !important; margin-left: .25rem !important; }
        #ae-pro-wrapper .mx-4 { margin-right: 1rem !important; margin-left: 1rem !important; }
        #ae-pro-wrapper .mx-auto { margin-right: auto !important; margin-left: auto !important; }
        #ae-pro-wrapper .mx-\[21px\] { margin-right: 21px !important; margin-left: 21px !important; }
        #ae-pro-wrapper .ml-auto { margin-left: auto !important; }
        #ae-pro-wrapper .mb-2 { margin-bottom: .5rem !important; }
        #ae-pro-wrapper .mb-4 { margin-bottom: 1rem !important; }
        #ae-pro-wrapper .mb-5 { margin-bottom: 1.25rem !important; }
        #ae-pro-wrapper .mb-8 { margin-bottom: 2rem !important; }
        #ae-pro-wrapper .p-0 { padding: 0 !important; }
        #ae-pro-wrapper .p-1\.5 { padding: .375rem !important; }
        #ae-pro-wrapper .p-3 { padding: .75rem !important; }
        #ae-pro-wrapper .p-10 { padding: 2.5rem !important; }
        #ae-pro-wrapper .px-2 { padding-right: .5rem !important; padding-left: .5rem !important; }
        #ae-pro-wrapper .px-3 { padding-right: .75rem !important; padding-left: .75rem !important; }
        #ae-pro-wrapper .px-4 { padding-right: 1rem !important; padding-left: 1rem !important; }
        #ae-pro-wrapper .px-8 { padding-right: 2rem !important; padding-left: 2rem !important; }
        #ae-pro-wrapper .py-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; }
        #ae-pro-wrapper .py-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; }
        #ae-pro-wrapper .py-3 { padding-top: .75rem !important; padding-bottom: .75rem !important; }
        #ae-pro-wrapper .pl-4 { padding-left: 1rem !important; }
        #ae-pro-wrapper .bg-slate-700 { background-color: #2a4a3a !important; }
        #ae-pro-wrapper .bg-slate-800 { background-color: #17372a !important; }
        #ae-pro-wrapper .bg-slate-900 { background-color: #10291e !important; }
        #ae-pro-wrapper .bg-slate-950 { background-color: #081a13 !important; }
        #ae-pro-wrapper .bg-blue-600 { background-color: #b97b12 !important; }
        #ae-pro-wrapper .bg-blue-700 { background-color: #8d5f0c !important; }
        #ae-pro-wrapper .bg-slate-900\/50 { background-color: rgba(16, 41, 30, .5) !important; }
        #ae-pro-wrapper .bg-slate-900\/90 { background-color: rgba(16, 41, 30, .9) !important; }
        #ae-pro-wrapper .bg-slate-900\/95 { background-color: rgba(16, 41, 30, .95) !important; }
        #ae-pro-wrapper .bg-slate-950\/50 { background-color: rgba(8, 26, 19, .5) !important; }
        #ae-pro-wrapper .bg-slate-950\/90 { background-color: rgba(8, 26, 19, .9) !important; }
        #ae-pro-wrapper .border { border-width: 1px !important; border-style: solid !important; }
        #ae-pro-wrapper .border-2 { border-width: 2px !important; border-style: solid !important; }
        #ae-pro-wrapper .border-b { border-bottom-width: 1px !important; border-bottom-style: solid !important; }
        #ae-pro-wrapper .border-l { border-left-width: 1px !important; border-left-style: solid !important; }
        #ae-pro-wrapper .border-r { border-right-width: 1px !important; border-right-style: solid !important; }
        #ae-pro-wrapper .border-dashed { border-style: dashed !important; }
        #ae-pro-wrapper .border-slate-600 { border-color: #426652 !important; }
        #ae-pro-wrapper .border-slate-700 { border-color: #365847 !important; }
        #ae-pro-wrapper .border-slate-800 { border-color: #244737 !important; }
        #ae-pro-wrapper .border-blue-500 { border-color: #f5b841 !important; }
        #ae-pro-wrapper .rounded { border-radius: .25rem !important; }
        #ae-pro-wrapper .rounded-lg { border-radius: .5rem !important; }
        #ae-pro-wrapper .rounded-2xl { border-radius: 1rem !important; }
        #ae-pro-wrapper .rounded-full { border-radius: 9999px !important; }
        #ae-pro-wrapper .rounded-l-lg { border-radius: .5rem 0 0 .5rem !important; }
        #ae-pro-wrapper .rounded-r-lg { border-radius: 0 .5rem .5rem 0 !important; }
        #ae-pro-wrapper .rounded-t { border-radius: .25rem .25rem 0 0 !important; }
        #ae-pro-wrapper .text-white { color: #fff !important; }
        #ae-pro-wrapper .text-slate-200 { color: #e3eee7 !important; }
        #ae-pro-wrapper .text-slate-300 { color: #c7d9ce !important; }
        #ae-pro-wrapper .text-slate-400 { color: #9cb6a7 !important; }
        #ae-pro-wrapper .text-slate-500 { color: #718e7d !important; }
        #ae-pro-wrapper .text-blue-400 { color: #8fdcb7 !important; }
        #ae-pro-wrapper .text-blue-500 { color: #f5b841 !important; }
        #ae-pro-wrapper .text-green-400 { color: #4ade80 !important; }
        #ae-pro-wrapper .text-green-500 { color: #22c55e !important; }
        #ae-pro-wrapper .text-red-400 { color: #f87171 !important; }
        #ae-pro-wrapper .text-purple-400 { color: #c084fc !important; }
        #ae-pro-wrapper .text-yellow-500 { color: #eab308 !important; }
        #ae-pro-wrapper .text-xs { font-size: .75rem !important; line-height: 1rem !important; }
        #ae-pro-wrapper .text-sm { font-size: .875rem !important; line-height: 1.25rem !important; }
        #ae-pro-wrapper .text-base { font-size: 1rem !important; line-height: 1.5rem !important; }
        #ae-pro-wrapper .text-lg { font-size: 1.125rem !important; line-height: 1.75rem !important; }
        #ae-pro-wrapper .text-xl { font-size: 1.25rem !important; line-height: 1.75rem !important; }
        #ae-pro-wrapper .text-2xl { font-size: 1.5rem !important; line-height: 2rem !important; }
        #ae-pro-wrapper .font-medium { font-weight: 500 !important; }
        #ae-pro-wrapper .font-bold { font-weight: 700 !important; }
        #ae-pro-wrapper .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important; }
        #ae-pro-wrapper .text-center { text-align: center !important; }
        #ae-pro-wrapper .text-right { text-align: right !important; }
        #ae-pro-wrapper .uppercase { text-transform: uppercase !important; }
        #ae-pro-wrapper .whitespace-nowrap { white-space: nowrap !important; }
        #ae-pro-wrapper .tracking-wide { letter-spacing: .025em !important; }
        #ae-pro-wrapper .cursor-pointer { cursor: pointer !important; }
        #ae-pro-wrapper .outline-none { outline: 2px solid transparent !important; outline-offset: 2px !important; }
        #ae-pro-wrapper .backdrop-blur-sm { backdrop-filter: blur(4px) !important; }
        #ae-pro-wrapper .backdrop-blur-md { backdrop-filter: blur(12px) !important; }
        #ae-pro-wrapper .shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .3) !important; }
        #ae-pro-wrapper .shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .35) !important; }
        #ae-pro-wrapper .shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .55) !important; }
        #ae-pro-wrapper button:hover { filter: brightness(1.12); }
        #ae-pro-wrapper button:disabled { cursor: not-allowed !important; opacity: .5 !important; }

        @media (min-width: 768px) {
            #ae-pro-wrapper .md\:block { display: block !important; }
            #ae-pro-wrapper .md\:inline { display: inline !important; }
            #ae-pro-wrapper .md\:justify-start { justify-content: flex-start !important; }
            #ae-pro-wrapper .md\:gap-4 { gap: 1rem !important; }
            #ae-pro-wrapper .md\:p-4 { padding: 1rem !important; }
            #ae-pro-wrapper .md\:w-12 { width: 3rem !important; }
            #ae-pro-wrapper .md\:w-32 { width: 8rem !important; }
            #ae-pro-wrapper .md\:h-12 { height: 3rem !important; }
            #ae-pro-wrapper .md\:text-lg { font-size: 1.125rem !important; line-height: 1.75rem !important; }
        }