diff --git a/src/app/apartments/costa-adeje/page.tsx b/src/app/apartments/costa-adeje/page.tsx
index c91e8c6..bb8b336 100644
--- a/src/app/apartments/costa-adeje/page.tsx
+++ b/src/app/apartments/costa-adeje/page.tsx
@@ -55,7 +55,7 @@ export default function CostaAdejePage() {
             { text: "View Gallery", href: "#gallery" },
           ]}
           buttonAnimation="blur-reveal"
-          imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-smile-relax-leisure-around-outdoor-swimming-pool-with-city-view_74190-13715.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-smile-relax-leisure-around-outdoor-swimming-pool-with-city-view_74190-13715.jpg?_wi=2"
           imageAlt="Luxury Costa Adeje penthouse with ocean view"
           mediaAnimation="opacity"
           imagePosition="right"
diff --git a/src/app/apartments/los-cristianos/page.tsx b/src/app/apartments/los-cristianos/page.tsx
index 2b3b5c4..fce38f0 100644
--- a/src/app/apartments/los-cristianos/page.tsx
+++ b/src/app/apartments/los-cristianos/page.tsx
@@ -59,7 +59,7 @@ export default function LosCristianosPage() {
             { text: "View Details", href: "#amenities" },
           ]}
           buttonAnimation="blur-reveal"
-          imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-young-pretty-stylish-woman-white-light-summer-dress-big-black-massive-boots-luxury-rich-villa_343596-1951.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-young-pretty-stylish-woman-white-light-summer-dress-big-black-massive-boots-luxury-rich-villa_343596-1951.jpg?_wi=2"
           imageAlt="Luxury beachfront apartment in Los Cristianos"
           mediaAnimation="opacity"
           imagePosition="right"
@@ -127,7 +127,7 @@ export default function LosCristianosPage() {
               quote: "Being steps away from the beach was incredible. The apartment was immaculate, well-stocked, and the sunset views from the terrace were absolutely mesmerizing. We couldn't have asked for a better location.",
               name: "Elena & Marco",
               role: "Travelers from Milan",
-              imageSrc: "http://img.b2bpic.net/free-photo/couple-tourists-resting-outdoor-restaurant-travelling-people-eating-healthy-food-together-lunch-holidays_273609-6623.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/couple-tourists-resting-outdoor-restaurant-travelling-people-eating-healthy-food-together-lunch-holidays_273609-6623.jpg?_wi=2",
               imageAlt: "Satisfied guests enjoying beach view",
             },
             {
@@ -136,7 +136,7 @@ export default function LosCristianosPage() {
               quote: "The location is unbeatable. We literally stepped out our door and were on the beach. The apartment itself is beautifully appointed with everything we needed. The concierge service was exceptional.",
               name: "Sophie & Thomas",
               role: "Travelers from Paris",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-family-with-little-daughter_171337-7157.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-family-with-little-daughter_171337-7157.jpg?_wi=2",
               imageAlt: "Happy family vacation moment",
             },
             {
@@ -145,7 +145,7 @@ export default function LosCristianosPage() {
               quote: "Los Cristianos is the heart of Tenerife's beach culture, and this apartment puts you right in the middle of it all. The views, the amenities, the service - everything was perfect.",
               name: "Isabella",
               role: "Solo Traveler from Barcelona",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-summer-dress-sunglasses-straw-hat_343596-1717.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-summer-dress-sunglasses-straw-hat_343596-1717.jpg?_wi=2",
               imageAlt: "Happy solo traveler",
             },
             {
@@ -154,7 +154,7 @@ export default function LosCristianosPage() {
               quote: "This apartment exceeded all our expectations. Being oceanfront, the luxury finishes, the attentive staff - it's the complete package. We're already planning our return visit.",
               name: "Carlos & Ana",
               role: "Travelers from Madrid",
-              imageSrc: "http://img.b2bpic.net/free-photo/women-taking-selfie-near-wooden-carcass_23-2147771331.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/women-taking-selfie-near-wooden-carcass_23-2147771331.jpg?_wi=2",
               imageAlt: "Joyful guests at beach",
             },
           ]}
diff --git a/src/app/apartments/playa-las-americas/page.tsx b/src/app/apartments/playa-las-americas/page.tsx
index 86932f5..57229ce 100644
--- a/src/app/apartments/playa-las-americas/page.tsx
+++ b/src/app/apartments/playa-las-americas/page.tsx
@@ -59,7 +59,7 @@ export default function PlayaLasAmericasPage() {
             { text: "Explore", href: "#amenities" },
           ]}
           buttonAnimation="blur-reveal"
-          imageSrc="http://img.b2bpic.net/free-photo/two-stylish-caucasian-woman-summer-dress-pink-trendy-suit_343596-2174.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/two-stylish-caucasian-woman-summer-dress-pink-trendy-suit_343596-2174.jpg?_wi=2"
           imageAlt="Luxury apartment at Playa Las Américas"
           mediaAnimation="opacity"
           imagePosition="right"
@@ -127,7 +127,7 @@ export default function PlayaLasAmericasPage() {
               quote: "This suite is everything luxury should be. The location is pristine, the attention to detail is remarkable, and waking up to ocean views every morning was pure bliss. We've stayed in many resorts, and this is exceptional.",
               name: "The Johnson Family",
               role: "Travelers from New York",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-family-with-little-daughter_171337-7157.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-family-with-little-daughter_171337-7157.jpg?_wi=3",
               imageAlt: "Family enjoying vacation",
             },
             {
@@ -136,7 +136,7 @@ export default function PlayaLasAmericasPage() {
               quote: "Choosing this suite was the best investment in our vacation. The private pool, the beach access, the service - everything was perfectly orchestrated. We felt like royalty.",
               name: "Victoria & James",
               role: "Travelers from London",
-              imageSrc: "http://img.b2bpic.net/free-photo/couple-tourists-resting-outdoor-restaurant-travelling-people-eating-healthy-food-together-lunch-holidays_273609-6623.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/couple-tourists-resting-outdoor-restaurant-travelling-people-eating-healthy-food-together-lunch-holidays_273609-6623.jpg?_wi=3",
               imageAlt: "Happy couple at resort",
             },
             {
@@ -145,7 +145,7 @@ export default function PlayaLasAmericasPage() {
               quote: "From the moment we entered, we knew this was special. Every amenity, every view, every service detail was designed for total comfort. The concierge arranged everything we dreamed of.",
               name: "Laurent & Sophie",
               role: "Travelers from Geneva",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-summer-dress-sunglasses-straw-hat_343596-1717.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-summer-dress-sunglasses-straw-hat_343596-1717.jpg?_wi=3",
               imageAlt: "Delighted guest",
             },
             {
@@ -154,7 +154,7 @@ export default function PlayaLasAmericasPage() {
               quote: "The suite exceeded our highest expectations. Beautiful finishes, incredible location, impeccable service. This is luxury done right. We're already booking our next stay.",
               name: "Miguel & Alejandra",
               role: "Travelers from Barcelona",
-              imageSrc: "http://img.b2bpic.net/free-photo/women-taking-selfie-near-wooden-carcass_23-2147771331.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/women-taking-selfie-near-wooden-carcass_23-2147771331.jpg?_wi=3",
               imageAlt: "Joyful travelers",
             },
           ]}
diff --git a/src/app/blog/authentic-tenerife-cuisine-guide/page.tsx b/src/app/blog/authentic-tenerife-cuisine-guide/page.tsx
index d45c64a..0bd5d51 100644
--- a/src/app/blog/authentic-tenerife-cuisine-guide/page.tsx
+++ b/src/app/blog/authentic-tenerife-cuisine-guide/page.tsx
@@ -124,7 +124,7 @@ export default function BlogAuthenticCuisinePage() {
               quote: "We discovered a tiny family-run restaurant where the chef's grandmother still prepares traditional recipes. The food tasted like love itself. We returned every evening of our stay.",
               name: "Rebecca M.",
               role: "Food Blogger",
-              imageSrc: "http://img.b2bpic.net/free-photo/couple-tourists-resting-outdoor-restaurant-travelling-people-eating-healthy-food-together-lunch-holidays_273609-6623.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/couple-tourists-resting-outdoor-restaurant-travelling-people-eating-healthy-food-together-lunch-holidays_273609-6623.jpg?_wi=5",
               imageAlt: "Food blogger experience",
             },
             {
@@ -133,7 +133,7 @@ export default function BlogAuthenticCuisinePage() {
               quote: "The local Malvasía wine paired with fresh seafood at sunset was transcendent. The sommelier shared stories of each vineyard with genuine passion.",
               name: "Giuseppe L.",
               role: "Wine Enthusiast",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-family-with-little-daughter_171337-7157.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-family-with-little-daughter_171337-7157.jpg?_wi=5",
               imageAlt: "Wine tasting experience",
             },
             {
@@ -142,7 +142,7 @@ export default function BlogAuthenticCuisinePage() {
               quote: "Taking a cooking class taught me that Canarian cuisine is about simplicity and quality ingredients. Those techniques transformed how I cook at home.",
               name: "Sophie B.",
               role: "Home Chef",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-summer-dress-sunglasses-straw-hat_343596-1717.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-summer-dress-sunglasses-straw-hat_343596-1717.jpg?_wi=5",
               imageAlt: "Cooking class participant",
             },
             {
@@ -151,7 +151,7 @@ export default function BlogAuthenticCuisinePage() {
               quote: "Shopping at the local market and cooking with fresh ingredients in our apartment was the highlight of our trip. We felt truly connected to the culture.",
               name: "Thomas R.",
               role: "Culinary Traveler",
-              imageSrc: "http://img.b2bpic.net/free-photo/women-taking-selfie-near-wooden-carcass_23-2147771331.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/women-taking-selfie-near-wooden-carcass_23-2147771331.jpg?_wi=5",
               imageAlt: "Market shopping experience",
             },
           ]}
diff --git a/src/app/blog/tenerife-hidden-beaches-guide/page.tsx b/src/app/blog/tenerife-hidden-beaches-guide/page.tsx
index cab17b0..ef77227 100644
--- a/src/app/blog/tenerife-hidden-beaches-guide/page.tsx
+++ b/src/app/blog/tenerife-hidden-beaches-guide/page.tsx
@@ -124,7 +124,7 @@ export default function BlogHiddenBeachesPage() {
               quote: "Visit early morning between 7-9 AM to experience these hidden beaches in complete solitude. The light is magical, and you'll have the paradise entirely to yourself.",
               name: "Carlos R.",
               role: "Local Beach Guide",
-              imageSrc: "http://img.b2bpic.net/free-photo/couple-tourists-resting-outdoor-restaurant-travelling-people-eating-healthy-food-together-lunch-holidays_273609-6623.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/couple-tourists-resting-outdoor-restaurant-travelling-people-eating-healthy-food-together-lunch-holidays_273609-6623.jpg?_wi=4",
               imageAlt: "Local beach guide expert",
             },
             {
@@ -133,7 +133,7 @@ export default function BlogHiddenBeachesPage() {
               quote: "Pack plenty of water, sun protection, and snorkeling gear. Many hidden beaches have no facilities, so preparation is key. Your own towel and waterproof bags are essentials.",
               name: "Maria S.",
               role: "Beach Safety Coordinator",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-family-with-little-daughter_171337-7157.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-family-with-little-daughter_171337-7157.jpg?_wi=4",
               imageAlt: "Beach safety coordinator advice",
             },
             {
@@ -142,7 +142,7 @@ export default function BlogHiddenBeachesPage() {
               quote: "Always check weather conditions before heading out. Some beaches have strong currents during certain seasons. Respect the ocean and heed all warning signs posted.",
               name: "Antonio L.",
               role: "Marine Safety Officer",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-summer-dress-sunglasses-straw-hat_343596-1717.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-summer-dress-sunglasses-straw-hat_343596-1717.jpg?_wi=4",
               imageAlt: "Marine safety expert",
             },
             {
@@ -151,7 +151,7 @@ export default function BlogHiddenBeachesPage() {
               quote: "The golden hour at sunset transforms these beaches into photographers' dream locations. Bring a quality camera and capture moments that will last forever.",
               name: "Elena D.",
               role: "Travel Photographer",
-              imageSrc: "http://img.b2bpic.net/free-photo/women-taking-selfie-near-wooden-carcass_23-2147771331.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/women-taking-selfie-near-wooden-carcass_23-2147771331.jpg?_wi=4",
               imageAlt: "Photography expert",
             },
           ]}
diff --git a/src/app/blog/water-sports-activities-tenerife/page.tsx b/src/app/blog/water-sports-activities-tenerife/page.tsx
index 483fa16..85b146f 100644
--- a/src/app/blog/water-sports-activities-tenerife/page.tsx
+++ b/src/app/blog/water-sports-activities-tenerife/page.tsx
@@ -126,7 +126,7 @@ export default function WaterSportsActivityPage() {
               quote: "The instructors at Playa de las Américas were fantastic! I went from complete beginner to catching waves in just three days. The water was warm, the waves were perfect, and the whole experience was unforgettable.",
               name: "Tom Mitchell",
               role: "Surfer from London",
-              imageSrc: "http://img.b2bpic.net/free-photo/couple-tourists-resting-outdoor-restaurant-travelling-people-eating-healthy-food-together-lunch-holidays_273609-6623.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/couple-tourists-resting-outdoor-restaurant-travelling-people-eating-healthy-food-together-lunch-holidays_273609-6623.jpg?_wi=6",
               imageAlt: "Happy guest enjoying water sports",
             },
             {
@@ -135,7 +135,7 @@ export default function WaterSportsActivityPage() {
               quote: "The underwater world near Costa Adeje is absolutely magical. Our dive guide showed us incredible coral formations and we saw sea turtles! Best vacation investment ever.",
               name: "Sofia & Marco",
               role: "Divers from Italy",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-family-with-little-daughter_171337-7157.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-family-with-little-daughter_171337-7157.jpg?_wi=6",
               imageAlt: "Family enjoying beach vacation",
             },
             {
@@ -144,7 +144,7 @@ export default function WaterSportsActivityPage() {
               quote: "El Médano is a windsurfer's dream. Consistent winds, warm water, and an international community of fellow enthusiasts. I improved my skills dramatically in just one week.",
               name: "Lars Bergström",
               role: "Windsurfer from Sweden",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-summer-dress-sunglasses-straw-hat_343596-1717.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-summer-dress-sunglasses-straw-hat_343596-1717.jpg?_wi=6",
               imageAlt: "Happy guest enjoying activities",
             },
             {
@@ -153,7 +153,7 @@ export default function WaterSportsActivityPage() {
               quote: "SUP yoga at sunset was the most peaceful experience. Gliding across calm water with views of the coastline and feeling completely relaxed – pure bliss.",
               name: "Emma & James",
               role: "Travelers from Australia",
-              imageSrc: "http://img.b2bpic.net/free-photo/women-taking-selfie-near-wooden-carcass_23-2147771331.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/women-taking-selfie-near-wooden-carcass_23-2147771331.jpg?_wi=6",
               imageAlt: "Guests enjoying vacation moments",
             },
           ]}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 697b33c..0320665 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1432,6 +1432,1373 @@ export default function RootLayout({
   
   window.parent.postMessage({ type: 'webild-editor-ready' }, '*');
 })();
+`
+          }}
+        />
+      
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+(function() {
+  if (window.self === window.top) return;
+
+  if (window.__webildEditorInitialized) return;
+  window.__webildEditorInitialized = true;
+
+  let isActive = false;
+  let hoveredElement = null;
+  let selectedElement = null;
+  let originalContent = null;
+  let isEditing = false;
+  let elementTypeLabel = null;
+  let hoverOverlay = null;
+  let scrollTimeout = null;
+  let isScrolling = false;
+
+  const invalidElements = ['html', 'body', 'script', 'style', 'meta', 'link', 'head', 'noscript', 'title'];
+  const hoverClass = 'webild-hover';
+  const selectedClass = 'webild-selected';
+
+  const style = document.createElement('style');
+  style.id = 'webild-inspector-styles';
+  style.textContent = '' +
+    '.webild-hover {' +
+    '  outline: 2px dashed #4d96ff80 !important;' +
+    '  border-radius: 0 !important;' +
+    '  outline-offset: 2px !important;' +
+    '  cursor: pointer !important;' +
+    '  transition: outline 0.15s ease !important;' +
+    '  background-color: #4d96ff05 !important;' +
+    '}' +
+    '.webild-selected {' +
+    '  outline: 2px solid #4d96ff !important;' +
+    '  outline-offset: 2px !important;' +
+    '  transition: outline 0.15s ease !important;' +
+    '  background-color: #4d96ff05 !important;' +
+    '  border-radius: 0 !important;' +
+    '}' +
+    '[contenteditable="true"].webild-selected {' +
+    '  outline: 2px solid #4d96ff !important;' +
+    '  background-color: #4d96ff05 !important;' +
+    '}' +
+    'img.webild-hover,' +
+    'img.webild-selected,' +
+    'video.webild-hover,' +
+    'video.webild-selected {' +
+    '  outline-offset: 2px !important;' +
+    '}' +
+    '.webild-element-type-label {' +
+    '  position: fixed !important;' +
+    '  z-index: 999999 !important;' +
+    '  background: #4d96ff !important;' +
+    '  color: white !important;' +
+    '  padding: 4px 8px !important;' +
+    '  font-size: 11px !important;' +
+    '  font-weight: 600 !important;' +
+    '  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;' +
+    '  pointer-events: none !important;' +
+    '  white-space: nowrap !important;' +
+    '  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;' +
+    '  letter-spacing: 0.3px !important;' +
+    '  border: 1px solid #4d96ff20 !important;' +
+    '}' +
+    '.webild-element-type-label.label-top {' +
+    '  border-radius: 6px 6px 0 0 !important;' +
+    '}' +
+    '.webild-element-type-label.label-bottom {' +
+    '  border-radius: 0 0 6px 6px !important;' +
+    '}' +
+    '.webild-hover-overlay {' +
+    '  position: fixed !important;' +
+    '  background-color: #4d96ff15 !important;' +
+    '  pointer-events: none !important;' +
+    '  z-index: 999998 !important;' +
+    '  transition: all 0.15s ease !important;' +
+    '}';
+  document.head.appendChild(style);
+  
+  const getUniqueSelector = (element, assignId = false) => {
+    if (element.dataset && element.dataset.webildSelector) {
+      return element.dataset.webildSelector;
+    }
+    
+    const existingId = element.getAttribute('data-webild-id');
+    if (existingId) {
+      return '[data-webild-id="' + existingId + '"]';
+    }
+    
+    if (assignId) {
+      const uniqueId = 'webild-' + Date.now() + '-' + Math.random().toString(36).substr(2, 9);
+      element.setAttribute('data-webild-id', uniqueId);
+      return '[data-webild-id="' + uniqueId + '"]';
+    }
+    
+    return null;
+  };
+  
+  const getSectionId = (element) => {
+    let current = element;
+    while (current && current !== document.body) {
+      const sectionId = current.getAttribute('data-section');
+      if (sectionId) {
+        return sectionId;
+      }
+      current = current.parentElement;
+    }
+    return 'hero';
+  };
+  
+  const getElementType = (element) => {
+  const tagName = element.tagName.toLowerCase();
+  const computedStyle = window.getComputedStyle(element);
+
+  if (tagName === 'img') {
+    return 'Image';
+  }
+
+  if (tagName === 'video') {
+    return 'Video';
+  }
+
+  const backgroundImage = computedStyle.backgroundImage;
+  if (backgroundImage && backgroundImage !== 'none') {
+    const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/);
+    if (urlMatch && urlMatch[1] && !urlMatch[1].includes('gradient')) {
+      const area = element.offsetWidth * element.offsetHeight;
+      const hasReasonableSize = area > 1000;
+      const hasFewChildren = element.children.length <= 2;
+      
+      if (hasReasonableSize && hasFewChildren) {
+        return 'Image';
+      }
+    }
+  }
+
+    if (tagName === 'button') return 'Button';
+    if (tagName === 'a' && element.getAttribute('href')) return 'Button';
+    if (element.getAttribute('role') === 'button') return 'Button';
+
+    const buttonClasses = ['btn', 'button', 'cta', 'action-button'];
+    const hasButtonClass = buttonClasses.some(cls =>
+      element.classList.contains(cls) || element.classList.contains(\`btn-\${cls}\`)
+    );
+
+    if (hasButtonClass && element.textContent && element.textContent.trim().length > 0) {
+      return 'Button';
+    }
+
+    const textTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'span', 'label', 'li'];
+    if (textTags.includes(tagName)) {
+      return 'Text';
+    }
+
+    if (tagName === 'div') {
+      const hasDirectText = Array.from(element.childNodes).some(node => 
+        node.nodeType === Node.TEXT_NODE && node.textContent && node.textContent.trim().length > 0
+      );
+      
+      if (hasDirectText && !element.querySelector('div, section, article, main, header, footer')) {
+        return 'Text';
+      }
+      
+      return 'Div';
+    }
+
+    if (tagName === 'article') {
+      return 'Article';
+    }
+
+    if (tagName === 'a' && !element.getAttribute('href')) {
+      return 'Text';
+    }
+
+    return 'Section';
+  };
+
+  const extractOriginalUrl = (url) => {
+    if (!url) return url;
+
+    if (url.includes('/_next/')) {
+      try {
+        const urlObj = new URL(url);
+        const originalPath = urlObj.searchParams.get('url');
+        if (originalPath) {
+          return originalPath;
+        }
+      } catch (e) {
+        return url;
+      }
+    }
+    
+    if (url.includes('.webild.io/')) {
+      try {
+        const urlObj = new URL(url);
+        return urlObj.pathname;
+      } catch (e) {
+        return url;
+      }
+    }
+
+    return url;
+  };
+
+  const getMediaTypeFromUrl = (url) => {
+    const videoExts = ['.mp4', '.webm', '.ogg', '.mov', '.avi', '.mkv', '.m4v', '.wmv'];
+    const imageExts = ['.jpg', '.jpeg', '.png', '.gif', '.webp', '.svg', '.bmp', '.ico', '.tiff', '.avif'];
+    try {
+      const pathname = new URL(url).pathname.toLowerCase();
+      if (videoExts.some(function(ext) { return pathname.endsWith(ext); })) return 'video';
+      if (imageExts.some(function(ext) { return pathname.endsWith(ext); })) return 'image';
+    } catch(e) {}
+    return 'unknown';
+  };
+
+  const swapMediaElement = (oldEl, newTag, newSrc) => {
+    const newEl = document.createElement(newTag);
+    Array.from(oldEl.attributes).forEach(function(attr) {
+      if (attr.name !== 'src' && attr.name !== 'alt' && attr.name !== 'srcset' && attr.name !== 'autoplay' && attr.name !== 'loop' && attr.name !== 'muted' && attr.name !== 'playsinline') {
+        try { newEl.setAttribute(attr.name, attr.value); } catch(e) {}
+      }
+    });
+    newEl.style.cssText = oldEl.style.cssText;
+    if (newTag === 'video') {
+      newEl.setAttribute('autoplay', '');
+      newEl.setAttribute('loop', '');
+      newEl.setAttribute('muted', '');
+      newEl.setAttribute('playsinline', '');
+    }
+    newEl.src = newSrc;
+    if (oldEl.parentNode) {
+      oldEl.parentNode.replaceChild(newEl, oldEl);
+    }
+    return newEl;
+  };
+
+  const getElementInfo = (element, assignId = false) => {
+    const rect = element.getBoundingClientRect();
+    const tagName = element.tagName.toLowerCase();
+    const selector = getUniqueSelector(element, assignId);
+    const sectionId = getSectionId(element);
+    
+    let className = undefined;
+    try {
+      if (element.className) {
+        if (typeof element.className === 'string') {
+          className = element.className;
+        } else if (element.className.baseVal !== undefined) {
+          className = element.className.baseVal;
+        }
+      }
+    } catch (e) {}
+    
+    const info = {
+      tagName: tagName,
+      id: element.id || undefined,
+      className: className,
+      selector: selector,
+      elementType: null,
+      sectionId: sectionId,
+      boundingBox: {
+        x: rect.left,
+        y: rect.top,
+        width: rect.width,
+        height: rect.height
+      }
+    };
+    
+    if (tagName === 'img') {
+      const originalSrc = extractOriginalUrl(element.src);
+      info.imageData = {
+        src: originalSrc,
+        alt: element.alt || undefined,
+        naturalWidth: element.naturalWidth,
+        naturalHeight: element.naturalHeight,
+        isBackground: false
+      };
+    }
+
+    if (tagName === 'video') {
+      const rawSrc = element.src || element.currentSrc || (element.querySelector('source') && element.querySelector('source').src) || '';
+      const resolvedSrc = extractOriginalUrl(rawSrc);
+      info.imageData = {
+        src: resolvedSrc,
+        alt: element.getAttribute('aria-label') || undefined,
+        isBackground: false,
+        isVideo: true
+      };
+    }
+
+    const computedStyle = window.getComputedStyle(element);
+    const backgroundImage = computedStyle.backgroundImage;
+    if (backgroundImage && backgroundImage !== 'none') {
+      const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/);
+      if (urlMatch) {
+        const originalBgSrc = extractOriginalUrl(urlMatch[1]);
+        if (tagName !== 'img') {
+          info.imageData = {
+            src: originalBgSrc,
+            isBackground: true
+          };
+        } else {
+          if (!info.imageData) info.imageData = {};
+          info.imageData.backgroundImageSrc = originalBgSrc;
+        }
+      }
+    }
+    
+    const elementType = getElementType(element);
+    info.elementType = elementType;
+    
+    if (elementType === 'Button') {
+      const buttonText = element.textContent?.trim() || element.value || element.getAttribute('aria-label') || '';
+      const buttonHref = element.getAttribute('href') ||
+                        element.getAttribute('data-href') ||
+                        element.getAttribute('onclick') ||
+                        element.dataset?.link ||
+                        undefined;
+
+      info.buttonData = {
+        text: buttonText,
+        href: buttonHref
+      };
+    }
+
+    if (elementType === 'Text') {
+      info.textContent = element.textContent || '';
+    }
+    
+    return info;
+  };
+  
+  const isValidElement = (element) => {
+    if (!isActive) return false;
+    const tagName = element.tagName?.toLowerCase();
+    if (invalidElements.includes(tagName)) return false;
+    const isImage = tagName === 'img';
+    const isVideo = tagName === 'video';
+    if (isImage || isVideo) return true;
+    const hasInnerHTML = element.innerHTML && element.innerHTML.trim().length > 0;
+    const hasTextContent = element.textContent && element.textContent.trim().length > 0;
+    const hasChildren = element.children && element.children.length > 0;
+    if (!hasInnerHTML && !hasTextContent && !hasChildren) {
+      return false;
+    }
+    const hasBackgroundImage = window.getComputedStyle(element).backgroundImage !== 'none';
+    if (hasBackgroundImage && !hasChildren && !hasTextContent) {
+      return false;
+    }
+    
+    return true;
+  };
+
+  const getMostSpecificElement = (x, y) => {
+    const elements = document.elementsFromPoint(x, y);
+    const validElements = elements.filter(el =>
+      isValidElement(el) &&
+      !el.classList.contains('webild-hover-overlay') &&
+      !el.classList.contains('webild-element-type-label')
+    );
+
+    if (validElements.length === 0) return null;
+    const scoredElements = validElements.map(element => {
+      let score = 0;
+      const rect = element.getBoundingClientRect();
+      const tagName = element.tagName.toLowerCase();
+      const computedStyle = window.getComputedStyle(element);
+      let depth = 0;
+      let current = element;
+      while (current && current !== document.body) {
+        depth++;
+        current = current.parentElement;
+      }
+      score += depth * 2;
+      const hasDirectText = Array.from(element.childNodes).some(node => 
+        node.nodeType === Node.TEXT_NODE && node.textContent && node.textContent.trim().length > 0
+      );
+
+      const hasImages = element.tagName === 'IMG' || element.tagName === 'VIDEO' || computedStyle.backgroundImage !== 'none' || element.querySelector('img') || element.querySelector('video');
+      const isInteractive = ['BUTTON', 'A', 'INPUT', 'SELECT', 'TEXTAREA'].includes(element.tagName);
+      const hasFewChildren = element.children.length <= 3;
+      const area = rect.width * rect.height;
+      const viewportArea = window.innerWidth * window.innerHeight;
+      const isSmallElement = area < viewportArea * 0.1;
+      if (hasDirectText) score += 20;
+      if (hasImages) score += 15;
+      if (isInteractive) score += 25;
+      if (hasFewChildren) score += 10;
+      if (isSmallElement) score += 5;
+      if (area > viewportArea * 0.3) score -= 30;
+      if (element.hasAttribute('data-section')) score -= 15;
+      if (['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(tagName)) score += 20;
+      if (['p', 'span', 'label'].includes(tagName)) score += 15;
+      if (tagName === 'div' && !hasDirectText && element.children.length > 2) score -= 10;
+
+      return { element, score };
+    });
+    scoredElements.sort((a, b) => b.score - a.score);
+    return scoredElements[0]?.element || validElements[0];
+  };
+
+  const isTextElement = (element) => {
+    const elementType = getElementType(element);
+    return elementType === 'Text';
+  };
+
+  const isButtonElement = (element) => {
+    const elementType = getElementType(element);
+    return elementType === 'Button';
+  };
+
+  const updateButtonText = (element, newText) => {
+    const textNodes = [];
+    const walker = document.createTreeWalker(
+      element,
+      NodeFilter.SHOW_TEXT,
+      null
+    );
+
+    let node;
+    while (node = walker.nextNode()) {
+      if (node.textContent && node.textContent.trim()) {
+        textNodes.push(node);
+      }
+    }
+
+    if (textNodes.length > 0) {
+      textNodes[0].textContent = newText;
+      for (let i = 1; i < textNodes.length; i++) {
+        textNodes[i].textContent = '';
+      }
+    } else {
+      element.textContent = newText;
+    }
+  };
+
+  const makeEditable = (element, clickEvent) => {
+    if (!isTextElement(element)) return;
+    
+    originalContent = element.textContent;
+    element.contentEditable = 'true';
+    
+    if (!element.dataset.webildOriginalWhiteSpace) {
+      const computedStyle = window.getComputedStyle(element);
+      element.dataset.webildOriginalWhiteSpace = computedStyle.whiteSpace;
+      element.dataset.webildOriginalWordWrap = computedStyle.wordWrap;
+      element.dataset.webildOriginalOverflowWrap = computedStyle.overflowWrap;
+      element.dataset.webildOriginalOverflow = computedStyle.overflow;
+    }
+    
+    element.style.whiteSpace = 'pre-wrap';
+    element.style.wordWrap = 'break-word';
+    element.style.overflowWrap = 'break-word';
+    element.style.overflow = 'visible';
+    
+    element.focus();
+    isEditing = true;
+    
+    window.parent.postMessage({
+      type: 'webild-text-editing-started',
+      data: { selector: getElementInfo(element).selector }
+    }, '*');
+    
+    const handleBeforeInput = (e) => {
+      // Prevent deletion if it would leave the element empty
+      const currentText = element.textContent || '';
+      const inputType = e.inputType;
+      
+      // Check if this is a delete operation that would leave the element empty
+      if ((inputType === 'deleteContentBackward' || inputType === 'deleteContentForward' || inputType === 'deleteByCut') && currentText.length <= 1) {
+        e.preventDefault();
+        element.textContent = ' ';
+        // Move cursor to the beginning
+        const range = document.createRange();
+        const sel = window.getSelection();
+        range.setStart(element.firstChild || element, 0);
+        range.collapse(true);
+        sel.removeAllRanges();
+        sel.addRange(range);
+      }
+    };
+    
+    const handleInput = () => {
+      const elementInfo = getElementInfo(element);
+      let currentText = element.textContent;
+      
+      // Ensure there's always at least a space to keep the element editable
+      if (currentText === '' || currentText === null || currentText.length === 0) {
+        element.textContent = ' ';
+        currentText = ' ';
+        // Move cursor to the beginning
+        try {
+          const range = document.createRange();
+          const sel = window.getSelection();
+          range.setStart(element.firstChild || element, 0);
+          range.collapse(true);
+          sel.removeAllRanges();
+          sel.addRange(range);
+        } catch (e) {
+          // Ignore cursor positioning errors
+        }
+      }
+
+      window.parent.postMessage({
+        type: 'webild-element-changed',
+        data: {
+          type: 'updateText',
+          selector: elementInfo.selector,
+          oldValue: originalContent,
+          newValue: currentText,
+          elementType: elementInfo.elementType,
+          sectionId: elementInfo.sectionId,
+          timestamp: Date.now()
+        }
+      }, '*');
+      
+      if (currentText !== originalContent) {
+        window.parent.postMessage({
+          type: 'webild-text-changed',
+          data: { 
+            selector: elementInfo.selector,
+            hasChanges: true
+          }
+        }, '*');
+      }
+    };
+    
+    element.addEventListener('beforeinput', handleBeforeInput);
+    element.addEventListener('input', handleInput);
+    element.dataset.inputHandler = 'true';
+    element.dataset.beforeInputHandler = 'true';
+    
+    if (clickEvent && element.childNodes.length > 0) {
+      try {
+        let range = null;
+        
+        if (document.caretRangeFromPoint) {
+          range = document.caretRangeFromPoint(clickEvent.clientX, clickEvent.clientY);
+        } else if (document.caretPositionFromPoint) {
+          const position = document.caretPositionFromPoint(clickEvent.clientX, clickEvent.clientY);
+          if (position) {
+            range = document.createRange();
+            range.setStart(position.offsetNode, position.offset);
+            range.collapse(true);
+          }
+        }
+        
+        if (range) {
+          const selection = window.getSelection();
+          selection.removeAllRanges();
+          selection.addRange(range);
+        }
+      } catch (e) {
+        console.warn('[Webild] Could not set caret position:', e);
+      }
+    }
+  };
+  
+  const makeUneditable = (element, save = false) => {
+    if (!element || element.contentEditable !== 'true') return;
+    
+    element.contentEditable = 'false';
+    isEditing = false;
+    
+    if (element.dataset.webildOriginalWhiteSpace) {
+      element.style.whiteSpace = element.dataset.webildOriginalWhiteSpace === 'normal' ? '' : element.dataset.webildOriginalWhiteSpace;
+      delete element.dataset.webildOriginalWhiteSpace;
+    }
+    if (element.dataset.webildOriginalWordWrap) {
+      element.style.wordWrap = element.dataset.webildOriginalWordWrap === 'normal' ? '' : element.dataset.webildOriginalWordWrap;
+      delete element.dataset.webildOriginalWordWrap;
+    }
+    if (element.dataset.webildOriginalOverflowWrap) {
+      element.style.overflowWrap = element.dataset.webildOriginalOverflowWrap === 'normal' ? '' : element.dataset.webildOriginalOverflowWrap;
+      delete element.dataset.webildOriginalOverflowWrap;
+    }
+    if (element.dataset.webildOriginalOverflow) {
+      element.style.overflow = element.dataset.webildOriginalOverflow === 'visible' ? '' : element.dataset.webildOriginalOverflow;
+      delete element.dataset.webildOriginalOverflow;
+    }
+    
+    if (element.dataset.beforeInputHandler === 'true') {
+      element.removeEventListener('beforeinput', () => {});
+      delete element.dataset.beforeInputHandler;
+    }
+    
+    if (element.dataset.inputHandler === 'true') {
+      element.removeEventListener('input', () => {});
+      delete element.dataset.inputHandler;
+    }
+    
+    window.parent.postMessage({
+      type: 'webild-text-editing-ended',
+      data: { selector: getElementInfo(element).selector }
+    }, '*');
+    
+    if (save && originalContent !== element.textContent) {
+      const elementInfo = getElementInfo(element);
+      let finalText = element.textContent;
+      
+      // Trim the final text and convert space-only to empty string for saving
+      if (finalText === ' ' || finalText.trim() === '') {
+        finalText = '';
+        // Update the actual element text to empty for display
+        element.textContent = '';
+      }
+      
+      const change = {
+        type: 'updateText',
+        selector: elementInfo.selector,
+        oldValue: originalContent,
+        newValue: finalText,
+        elementType: elementInfo.elementType,
+        sectionId: elementInfo.sectionId,
+        timestamp: Date.now()
+      };
+
+      saveChangeToStorage(change);
+
+      window.parent.postMessage({
+        type: 'webild-element-changed',
+        data: change
+      }, '*');
+    } else if (!save && originalContent !== null) {
+      element.textContent = originalContent;
+    }
+    
+    originalContent = null;
+  };
+  
+  const createHoverOverlay = (element) => {
+    const rect = element.getBoundingClientRect();
+    const overlay = document.createElement('div');
+    overlay.className = 'webild-hover-overlay';
+    overlay.style.cssText = \`
+      position: fixed !important;
+      top: \${rect.top - 2}px !important;
+      left: \${rect.left - 2}px !important;
+      width: \${rect.width + 4}px !important;
+      height: \${rect.height + 4}px !important;
+      background-color: rgba(90, 113, 230, 0.15) !important;
+      pointer-events: none !important;
+      z-index: 999998 !important;
+      transition: all 0.15s ease !important;
+    \`;
+    document.body.appendChild(overlay);
+    return overlay;
+  };
+  
+  const removeHoverOverlay = () => {
+    if (hoverOverlay) {
+      hoverOverlay.remove();
+      hoverOverlay = null;
+    }
+  };
+  
+  const showElementTypeLabel = (element, elementType) => {
+    if (!elementType) return;
+
+    removeElementTypeLabel();
+
+    const rect = element.getBoundingClientRect();
+    elementTypeLabel = document.createElement('div');
+    elementTypeLabel.className = 'webild-element-type-label';
+    const ariaLabel = element.getAttribute('aria-label');
+    let labelText;
+    
+    if (elementType === 'Div') {
+      labelText = 'Div';
+    } else if (elementType === 'Article') {
+      labelText = 'Article';
+    } else if (elementType === 'Section') {
+      labelText = ariaLabel || 'Section';
+    } else {
+      labelText = elementType;
+    }
+    
+    elementTypeLabel.textContent = labelText;
+    document.body.appendChild(elementTypeLabel);
+    const labelRect = elementTypeLabel.getBoundingClientRect();
+    let labelTop = rect.top - labelRect.height - 2;
+    let labelLeft = rect.left - 3;
+    let isLabelOnTop = true;
+    if (labelTop < 0) {
+      labelTop = rect.bottom + 1;
+      isLabelOnTop = false;
+    }
+    if (labelTop + labelRect.height > window.innerHeight) {
+      labelTop = rect.bottom - labelRect.height;
+      isLabelOnTop = false;
+      if (labelTop < 0) {
+        labelTop = rect.top;
+        isLabelOnTop = true;
+      }
+    }
+    if (labelLeft + labelRect.width > window.innerWidth) {
+      labelLeft = window.innerWidth - labelRect.width;
+    }
+    if (labelLeft < 0) {
+      labelLeft = 0;
+    }
+    if (isLabelOnTop) {
+      elementTypeLabel.classList.add('label-top');
+    } else {
+      elementTypeLabel.classList.add('label-bottom');
+    }
+
+    elementTypeLabel.style.cssText = \`
+      left: \${labelLeft}px !important;
+      top: \${labelTop}px !important;
+      transform: none !important;
+    \`;
+  };
+  
+  const removeElementTypeLabel = () => {
+    if (elementTypeLabel) {
+      elementTypeLabel.remove();
+      elementTypeLabel = null;
+    }
+  };
+  
+  const handleMouseOver = (e) => {
+    if (!isActive) return;
+
+    lastMouseX = e.clientX;
+    lastMouseY = e.clientY;
+
+    const target = getMostSpecificElement(e.clientX, e.clientY) || e.target;
+
+    if (!isValidElement(target) || target === hoveredElement || target === selectedElement) {
+      return;
+    }
+    
+    if (hoveredElement && hoveredElement !== selectedElement) {
+      hoveredElement.classList.remove(hoverClass);
+      if (hoveredElement.dataset.webildOriginalPosition) {
+        hoveredElement.style.position = hoveredElement.dataset.webildOriginalPosition === 'none' ? '' : hoveredElement.dataset.webildOriginalPosition;
+        delete hoveredElement.dataset.webildOriginalPosition;
+      }
+      removeHoverOverlay();
+      removeElementTypeLabel();
+    }
+    
+    hoveredElement = target;
+    
+    const computedStyle = window.getComputedStyle(target);
+    const currentPosition = computedStyle.position;
+    
+    if (currentPosition === 'static' || currentPosition === '') {
+      hoveredElement.dataset.webildOriginalPosition = currentPosition || 'none';
+      hoveredElement.style.position = 'relative';
+    }
+    
+    hoveredElement.classList.add(hoverClass);
+    
+    if ((!selectedElement || selectedElement !== target) && !isScrolling) {
+      hoverOverlay = createHoverOverlay(target);
+    }
+    
+    const elementType = getElementType(target);
+    showElementTypeLabel(target, elementType);
+    
+    window.parent.postMessage({
+      type: 'webild-element-hover',
+      data: getElementInfo(target, false)
+    }, '*');
+  };
+  
+  const handleMouseOut = (e) => {
+    if (!isActive) return;
+    
+    if (hoveredElement && hoveredElement !== selectedElement) {
+      hoveredElement.classList.remove(hoverClass);
+      
+      if (hoveredElement.dataset.webildOriginalPosition) {
+        hoveredElement.style.position = hoveredElement.dataset.webildOriginalPosition === 'none' ? '' : hoveredElement.dataset.webildOriginalPosition;
+        delete hoveredElement.dataset.webildOriginalPosition;
+      }
+      
+      removeHoverOverlay();
+      removeElementTypeLabel();
+      
+      hoveredElement = null;
+      
+      window.parent.postMessage({
+        type: 'webild-element-hover',
+        data: null
+      }, '*');
+    }
+  };
+  
+  const handleClick = (e) => {
+  if (!isActive) return;
+
+  if (isEditing) {
+    e.stopPropagation();
+    return;
+  }
+
+  e.preventDefault();
+  e.stopPropagation();
+
+  const target = getMostSpecificElement(e.clientX, e.clientY) || e.target;  
+  if (!isValidElement(target)) return;
+    
+    if (selectedElement && selectedElement !== target) {
+      makeUneditable(selectedElement, false);
+      selectedElement.classList.remove(selectedClass);
+      selectedElement.classList.remove(hoverClass);
+      
+      if (selectedElement.dataset.webildOriginalPosition) {
+        selectedElement.style.position = selectedElement.dataset.webildOriginalPosition === 'none' ? '' : selectedElement.dataset.webildOriginalPosition;
+        delete selectedElement.dataset.webildOriginalPosition;
+      }
+      
+      removeHoverOverlay();
+      removeElementTypeLabel();
+    }
+    
+    if (selectedElement === target) {
+      if (target.dataset.webildOriginalPosition) {
+        target.style.position = target.dataset.webildOriginalPosition === 'none' ? '' : target.dataset.webildOriginalPosition;
+        delete target.dataset.webildOriginalPosition;
+      }
+      
+      removeHoverOverlay();
+      removeElementTypeLabel();
+      
+      selectedElement = null;
+      window.parent.postMessage({
+        type: 'webild-element-selected',
+        data: null
+      }, '*');
+      return;
+    }
+    
+    selectedElement = target;
+    selectedElement.classList.add(selectedClass);
+    
+    removeHoverOverlay();
+    removeElementTypeLabel();
+    
+    if (hoveredElement === target) {
+      hoveredElement.classList.remove(hoverClass);
+      hoveredElement = null;
+    }
+    
+    const elementInfo = getElementInfo(target, true);
+    selectedElement.dataset.webildSelector = elementInfo.selector;
+    showElementTypeLabel(target, elementInfo.elementType);
+    
+    window.parent.postMessage({
+      type: 'webild-element-selected',
+      data: elementInfo
+    }, '*');
+    
+    if (isTextElement(target)) {
+      setTimeout(() => makeEditable(target, e), 50);
+    }
+  };
+  
+  const handleKeyDown = (e) => {
+    if (!isActive) return;
+    if (!isEditing || !selectedElement) return;
+    
+    if (e.key === 'Enter' && !e.shiftKey) {
+      e.preventDefault();
+      makeUneditable(selectedElement, true);
+    } else if (e.key === 'Escape') {
+      e.preventDefault();
+      makeUneditable(selectedElement, false);
+    }
+  };
+  
+  const handleBlur = (e) => {
+    if (!isActive) return;
+    if (isEditing && selectedElement && e.target === selectedElement) {
+      makeUneditable(selectedElement, true);
+    }
+  };
+  
+  let lastMouseX = 0;
+  let lastMouseY = 0;
+
+  const handleScroll = () => {
+    if (!isActive) return;
+    
+    if (isEditing) return;
+    
+    if (selectedElement) {
+      makeUneditable(selectedElement, false);
+      selectedElement.classList.remove(selectedClass);
+      if (selectedElement.dataset.webildOriginalPosition) {
+        selectedElement.style.position = selectedElement.dataset.webildOriginalPosition === 'none' ? '' : selectedElement.dataset.webildOriginalPosition;
+        delete selectedElement.dataset.webildOriginalPosition;
+      }
+      selectedElement = null;
+
+      window.parent.postMessage({
+        type: 'webild-element-selected',
+        data: null
+      }, '*');
+    }
+
+    if (hoveredElement) {
+      hoveredElement.classList.remove(hoverClass);
+      if (hoveredElement.dataset.webildOriginalPosition) {
+        hoveredElement.style.position = hoveredElement.dataset.webildOriginalPosition === 'none' ? '' : hoveredElement.dataset.webildOriginalPosition;
+        delete hoveredElement.dataset.webildOriginalPosition;
+      }
+      hoveredElement = null;
+
+      window.parent.postMessage({
+        type: 'webild-element-hover',
+        data: null
+      }, '*');
+    }
+
+    removeHoverOverlay();
+    removeElementTypeLabel();
+
+    isScrolling = true;
+
+    if (scrollTimeout) {
+      clearTimeout(scrollTimeout);
+    }
+
+    scrollTimeout = setTimeout(() => {
+      isScrolling = false;
+
+      if (lastMouseX > 0 && lastMouseY > 0) {
+        const target = getMostSpecificElement(lastMouseX, lastMouseY);
+        if (target && isValidElement(target) && target !== selectedElement) {
+          hoveredElement = target;
+
+          const computedStyle = window.getComputedStyle(target);
+          const currentPosition = computedStyle.position;
+
+          if (currentPosition === 'static' || currentPosition === '') {
+            hoveredElement.dataset.webildOriginalPosition = currentPosition || 'none';
+            hoveredElement.style.position = 'relative';
+          }
+
+          hoveredElement.classList.add(hoverClass);
+          hoverOverlay = createHoverOverlay(target);
+
+          const elementType = getElementType(target);
+          showElementTypeLabel(target, elementType);
+
+          window.parent.postMessage({
+            type: 'webild-element-hover',
+            data: getElementInfo(target, false)
+          }, '*');
+        }
+      }
+    }, 150);
+
+    window.parent.postMessage({
+      type: 'webild-iframe-scroll'
+    }, '*');
+  };
+  
+  const getStorageKey = () => {
+    const url = new URL(window.location.href);
+    const pathParts = url.pathname.split('/').filter(Boolean);
+    return \`webild-changes-\${pathParts.join('-')}\`;
+  };
+
+  const saveChangeToStorage = (change) => {
+    try {
+      const storageKey = getStorageKey();
+      const existingChanges = JSON.parse(localStorage.getItem(storageKey) || '[]');
+
+      const filteredChanges = existingChanges.filter(c => {
+        return !(c.oldValue === change.oldValue && c.sectionId === change.sectionId);
+      });
+      filteredChanges.push(change);
+
+      localStorage.setItem(storageKey, JSON.stringify(filteredChanges));
+
+      window.parent.postMessage({
+        type: 'webild-change-saved-locally',
+        data: { change, allChanges: filteredChanges }
+      }, '*');
+    } catch (error) {
+      console.error('Failed to save change to localStorage:', error);
+    }
+  };
+
+  const clearLocalChanges = () => {
+    try {
+      const storageKey = getStorageKey();
+      localStorage.removeItem(storageKey);
+      window.parent.postMessage({
+        type: 'webild-local-changes-cleared',
+        data: {}
+      }, '*');
+    } catch (error) {
+      console.error('Failed to clear local changes:', error);
+    }
+  };
+
+  const handleMessage = (e) => {
+    if (!e.data || !e.data.type) return;
+
+    if (e.data.type === 'webild-activate-editor') {
+      if (!isActive) {
+        isActive = true;
+        window.parent.postMessage({ type: 'webild-editor-activated' }, '*');
+      }
+      return;
+    }
+
+    if (e.data.type === 'webild-deactivate-editor') {
+      if (isActive) {
+        isActive = false;
+
+        if (selectedElement) {
+          makeUneditable(selectedElement, false);
+          selectedElement.classList.remove(selectedClass);
+          selectedElement = null;
+        }
+        if (hoveredElement) {
+          hoveredElement.classList.remove(hoverClass);
+          hoveredElement = null;
+        }
+
+        removeHoverOverlay();
+        removeElementTypeLabel();
+        window.parent.postMessage({ type: 'webild-editor-deactivated' }, '*');
+      }
+      return;
+    }
+
+    if (e.data.type === 'webild-clear-local-changes') {
+      clearLocalChanges();
+      return;
+    }
+
+    if (e.data.type === 'webild-cancel-changes') {
+      try {
+        const storageKey = getStorageKey();
+        const savedChanges = localStorage.getItem(storageKey);
+        if (savedChanges) {
+          const changes = JSON.parse(savedChanges);
+          changes.forEach(change => {
+            try {
+              const element = document.querySelector(change.selector);
+              if (!element) return;
+
+              if (change.type === 'updateText') {
+                if (isTextElement(element)) {
+                  element.textContent = change.oldValue;
+                }
+              } else if (change.type === 'updateButton') {
+                if (isButtonElement(element)) {
+                  updateButtonText(element, change.oldValue);
+                }
+              } else if (change.type === 'replaceImage') {
+                const revertTag = element.tagName.toLowerCase();
+                const isBackground = revertTag !== 'img' && revertTag !== 'video';
+                if (isBackground) {
+                  element.style.backgroundImage = change.oldValue ? 'url(' + change.oldValue + ')' : '';
+                } else {
+                  const oldMediaType = getMediaTypeFromUrl(change.oldValue);
+                  if (revertTag === 'video' && oldMediaType === 'image') {
+                    swapMediaElement(element, 'img', change.oldValue);
+                  } else if (revertTag === 'img' && oldMediaType === 'video') {
+                    swapMediaElement(element, 'video', change.oldValue);
+                  } else if (revertTag === 'video') {
+                    element.src = change.oldValue;
+                    element.load();
+                  } else {
+                    element.src = change.oldValue;
+                  }
+                }
+              }
+            } catch (err) {
+              console.warn('[Webild] Failed to revert change:', err);
+            }
+          });
+        }
+        clearLocalChanges();
+      } catch (error) {
+        console.error('[Webild] Failed to cancel changes:', error);
+      }
+      return;
+    }
+
+    if (e.data.type === 'webild-update-text') {
+      const { selector, newValue, oldValue, sectionId } = e.data.data;
+      try {
+        let element = null;
+        
+        if (selectedElement && isTextElement(selectedElement)) {
+          element = selectedElement;
+        }
+        else if (selector) {
+          try {
+            element = document.querySelector(selector);
+          } catch (err) {
+            console.warn('[Webild] Invalid selector:', selector);
+          }
+        }
+        
+        if (!element && sectionId) {
+          const sectionElement = document.querySelector('[data-section="' + sectionId + '"]');
+          if (sectionElement) {
+            const textElements = sectionElement.querySelectorAll('h1, h2, h3, h4, h5, h6, p, span, a, button, div');
+            for (let i = 0; i < textElements.length; i++) {
+              const el = textElements[i];
+              if (isTextElement(el) && el.textContent.trim() === (oldValue || '').trim()) {
+                element = el;
+                const newSelector = getUniqueSelector(element, true);
+                if (newSelector) {
+                  element.dataset.webildSelector = newSelector;
+                }
+                break;
+              }
+            }
+          }
+        }
+        
+        if (element && isTextElement(element)) {
+          element.textContent = newValue;
+          const finalSelector = element.dataset.webildSelector || getUniqueSelector(element, true);
+          
+          window.parent.postMessage({
+            type: 'webild-text-update-success',
+            data: {
+              selector: finalSelector,
+              newValue: newValue
+            }
+          }, '*');
+        } else {
+          window.parent.postMessage({
+            type: 'webild-text-update-failed',
+            data: { selector, newValue }
+          }, '*');
+        }
+      } catch (error) {
+        window.parent.postMessage({
+          type: 'webild-text-update-failed',
+          data: { selector, newValue, error: error.message }
+        }, '*');
+      }
+      return;
+    }
+
+    if (e.data.type === 'webild-update-button') {
+      const { selector, text, href } = e.data.data;
+      try {
+        const element = document.querySelector(selector);
+        if (element && isButtonElement(element)) {
+          if (text !== undefined) {
+            updateButtonText(element, text);
+          }
+          if (href !== undefined) {
+            if (element.tagName.toLowerCase() === 'a') {
+              element.href = href;
+            } else {
+              element.setAttribute('data-href', href);
+            }
+          }
+        }
+      } catch (error) {
+        console.error('[Webild] Invalid selector for button update:', selector, error);
+      }
+      return;
+    }
+
+    if (!isActive) return;
+
+    if (e.data.type === 'webild-replace-image') {
+      const { selector, newSrc, isBackground, allowMediaTypeSwap } = e.data.data;
+      let element = null;
+
+      try {
+        element = document.querySelector(selector);
+      } catch {
+        window.parent.postMessage({
+          type: 'webild-image-replacement-error',
+          data: { selector, message: 'Invalid selector: ' + error.message, success: false }
+        }, '*');
+        return;
+      }
+
+      if (!element) {
+        window.parent.postMessage({
+          type: 'webild-image-replacement-error',
+          data: { selector, message: 'Element not found', success: false }
+        }, '*');
+        return;
+      }
+
+      try {
+        let replaced = false;
+        let oldValue = '';
+
+        if (isBackground) {
+          oldValue = window.getComputedStyle(element).backgroundImage;
+          element.style.backgroundImage = \`url('\${newSrc}')\`;
+          replaced = true;
+        } else if (element.tagName.toLowerCase() === 'img') {
+          oldValue = element.src;
+          const newMediaType = getMediaTypeFromUrl(newSrc);
+          if (newMediaType === 'video' && allowMediaTypeSwap) {
+            const swapped = swapMediaElement(element, 'video', newSrc);
+            if (selectedElement === element) selectedElement = swapped;
+            element = swapped;
+          } else {
+            element.src = newSrc;
+          }
+          replaced = true;
+        } else if (element.tagName.toLowerCase() === 'video') {
+          oldValue = element.src || element.currentSrc || '';
+          const newMediaType = getMediaTypeFromUrl(newSrc);
+          const sources = element.querySelectorAll('source');
+          if (newMediaType === 'image' && allowMediaTypeSwap) {
+            const swapped = swapMediaElement(element, 'img', newSrc);
+            if (selectedElement === element) selectedElement = swapped;
+            element = swapped;
+          } else {
+            if (sources.length > 0) {
+              sources.forEach(function(source) { source.src = newSrc; });
+              element.load();
+            } else {
+              element.src = newSrc;
+              element.load();
+            }
+          }
+          replaced = true;
+        } else {
+          const hasBackgroundImage = window.getComputedStyle(element).backgroundImage !== 'none';
+          if (hasBackgroundImage) {
+            oldValue = window.getComputedStyle(element).backgroundImage;
+            element.style.backgroundImage = \`url('\${newSrc}')\`;
+            replaced = true;
+          }
+        }
+
+        if (replaced) {
+          const elementInfo = getElementInfo(element);
+
+          let cleanOldValue = oldValue;
+          if (oldValue.includes('url(')) {
+            const urlMatch = oldValue.match(/url(['"]?([^'")]+)['"]?)/);
+            if (urlMatch) {
+              cleanOldValue = urlMatch[1];
+            }
+          }
+
+          cleanOldValue = extractOriginalUrl(cleanOldValue);
+
+          const change = {
+            type: 'replaceImage',
+            selector: selector,
+            oldValue: cleanOldValue,
+            newValue: newSrc,
+            elementType: elementInfo.elementType,
+            sectionId: elementInfo.sectionId,
+            timestamp: Date.now()
+          };
+
+          saveChangeToStorage(change);
+
+          window.parent.postMessage({
+            type: 'webild-element-changed',
+            data: change
+          }, '*');
+
+          window.parent.postMessage({
+            type: 'webild-image-replaced',
+            data: { selector, newSrc, success: true }
+          }, '*');
+        } else {
+          window.parent.postMessage({
+            type: 'webild-image-replacement-error',
+            data: { selector, message: 'Could not determine how to replace image', success: false }
+          }, '*');
+        }
+      } catch (error) {
+        window.parent.postMessage({
+          type: 'webild-image-replacement-error',
+          data: { selector, message: error.message || 'Failed to replace image', success: false }
+        }, '*');
+      }
+    }
+  };
+  
+  document.addEventListener('mouseover', handleMouseOver, true);
+  document.addEventListener('mouseout', handleMouseOut, true);
+  document.addEventListener('click', handleClick, true);
+  document.addEventListener('keydown', handleKeyDown, true);
+  document.addEventListener('blur', handleBlur, true);
+  window.addEventListener('scroll', handleScroll, true);
+  window.addEventListener('message', handleMessage, true);
+  
+  let lastPathname = window.location.pathname;
+  
+  const notifyPageChange = () => {
+    window.parent.postMessage({
+      type: 'webild-page-changed',
+      data: { pathname: window.location.pathname }
+    }, '*');
+  };
+  
+  window.addEventListener('popstate', () => {
+    if (lastPathname !== window.location.pathname) {
+      lastPathname = window.location.pathname;
+      notifyPageChange();
+    }
+  }, true);
+  
+  const urlCheckInterval = setInterval(() => {
+    if (lastPathname !== window.location.pathname) {
+      lastPathname = window.location.pathname;
+      notifyPageChange();
+    }
+  }, 500);
+  
+  notifyPageChange();
+  
+  window.webildCleanup = () => {
+    isActive = false;
+    
+    if (selectedElement) {
+      makeUneditable(selectedElement, false);
+    }
+    
+    removeHoverOverlay();
+    removeElementTypeLabel();
+    
+    if (urlCheckInterval) {
+      clearInterval(urlCheckInterval);
+    }
+    
+    document.removeEventListener('mouseover', handleMouseOver, true);
+    document.removeEventListener('mouseout', handleMouseOut, true);
+    document.removeEventListener('click', handleClick, true);
+    document.removeEventListener('keydown', handleKeyDown, true);
+    document.removeEventListener('blur', handleBlur, true);
+    window.removeEventListener('scroll', handleScroll, true);
+    window.removeEventListener('message', handleMessage, true);
+    
+    document.querySelectorAll('.' + hoverClass).forEach(el => {
+      el.classList.remove(hoverClass);
+    });
+    document.querySelectorAll('.' + selectedClass).forEach(el => {
+      el.classList.remove(selectedClass);
+    });
+    
+    const styleEl = document.getElementById('webild-inspector-styles');
+    if (styleEl) styleEl.remove();
+    
+    hoveredElement = null;
+    selectedElement = null;
+  };
+  
+  window.parent.postMessage({ type: 'webild-editor-ready' }, '*');
+})();
 `
           }}
         />
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b5ada26..afb72d2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -79,21 +79,21 @@ export default function HomePage() {
               id: "1",
               name: "Costa Adeje Penthouse",
               price: "From €180/night",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-smile-relax-leisure-around-outdoor-swimming-pool-with-city-view_74190-13715.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-smile-relax-leisure-around-outdoor-swimming-pool-with-city-view_74190-13715.jpg?_wi=1",
               imageAlt: "Luxury penthouse in Costa Adeje",
             },
             {
               id: "2",
               name: "Los Cristianos Beachfront",
               price: "From €150/night",
-              imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-pretty-stylish-woman-white-light-summer-dress-big-black-massive-boots-luxury-rich-villa_343596-1951.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-pretty-stylish-woman-white-light-summer-dress-big-black-massive-boots-luxury-rich-villa_343596-1951.jpg?_wi=1",
               imageAlt: "Beachfront apartment in Los Cristianos",
             },
             {
               id: "3",
               name: "Playa Las Américas Suite",
               price: "From €165/night",
-              imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-caucasian-woman-summer-dress-pink-trendy-suit_343596-2174.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-caucasian-woman-summer-dress-pink-trendy-suit_343596-2174.jpg?_wi=1",
               imageAlt: "Premium suite in Playa Las Américas",
             },
           ]}
@@ -161,7 +161,7 @@ export default function HomePage() {
               quote: "The penthouse exceeded all expectations. Waking up to ocean views with morning coffee was pure bliss. The attention to detail and hospitality made this our best vacation ever.",
               name: "Sarah & Michael",
               role: "Travelers from London",
-              imageSrc: "http://img.b2bpic.net/free-photo/couple-tourists-resting-outdoor-restaurant-travelling-people-eating-healthy-food-together-lunch-holidays_273609-6623.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/couple-tourists-resting-outdoor-restaurant-travelling-people-eating-healthy-food-together-lunch-holidays_273609-6623.jpg?_wi=1",
               imageAlt: "Happy guests at Costa Adeje",
             },
             {
@@ -170,7 +170,7 @@ export default function HomePage() {
               quote: "Being steps away from the beach was incredible. The apartment was immaculate, well-stocked, and the sunset views from the terrace were absolutely mesmerizing.",
               name: "Elena & Marco",
               role: "Travelers from Milan",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-family-with-little-daughter_171337-7157.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-family-with-little-daughter_171337-7157.jpg?_wi=1",
               imageAlt: "Satisfied guests enjoying beach view",
             },
             {
@@ -179,7 +179,7 @@ export default function HomePage() {
               quote: "Our family of five had the most amazing time. The suite was spacious, the pool was perfect for the kids, and the staff helped us arrange everything effortlessly.",
               name: "The Johnson Family",
               role: "Travelers from New York",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-summer-dress-sunglasses-straw-hat_343596-1717.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-summer-dress-sunglasses-straw-hat_343596-1717.jpg?_wi=1",
               imageAlt: "Family enjoying vacation",
             },
             {
@@ -188,7 +188,7 @@ export default function HomePage() {
               quote: "Every moment felt special. From the moment we arrived until departure, everything was perfectly orchestrated. We're already planning our return.",
               name: "Anna & David",
               role: "Travelers from Berlin",
-              imageSrc: "http://img.b2bpic.net/free-photo/women-taking-selfie-near-wooden-carcass_23-2147771331.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/women-taking-selfie-near-wooden-carcass_23-2147771331.jpg?_wi=1",
               imageAlt: "Happy guests at luxury resort",
             },
           ]}