diff --git a/docs/Scraping a site.md b/docs/Scraping a site.md
index 4ba826e..50c4525 100644
--- a/docs/Scraping a site.md	
+++ b/docs/Scraping a site.md	
@@ -98,8 +98,8 @@ data as CSV* panel.
 * [How to create a sitemap]
 * [How to add multiple start URLs]
 
-[image-news-site]: images/scraping-a-site/news-site.png?raw=true
-[image-news-site-sitemap]: images/scraping-a-site/news-site-sitemap.png?raw=true
+[image-news-site]: images/scraping-a-site/news-site.svg
+[image-news-site-sitemap]: images/scraping-a-site/news-site-sitemap.svg
 [text-selector]: Selectors/Text%20selector.md
 [link-selector]: Selectors/Link%20selector.md
 [element-selector]: Selectors/Element%20selector.md
diff --git a/docs/Selectors/Element selector.md b/docs/Selectors/Element selector.md
index 4280b6c..886334e 100644
--- a/docs/Selectors/Element selector.md	
+++ b/docs/Selectors/Element selector.md	
@@ -45,7 +45,7 @@ Though [Table selector] [table-selector] might be much better solution.
 [css-selector]: ../CSS%20selector.md
 [pagination-selector]: Pagination%20selector.md
 [table-selector]: Table%20selector.md
-[multiple-elements-with-text-selectors]: ../images/selectors/text/text-selector-multiple-elements-with-text-selectors.png?raw=true
+[multiple-elements-with-text-selectors]: ../images/selectors/text/text-selector-multiple-elements-with-text-selectors.svg
 [How to scrape multiple items within a listings page]: https://webscraper.io/tutorials/multiple-items
 
 description: Web Scraper Element Selector - select multiple data elements from lists and containers with scroll support for dynamic content loading
diff --git a/docs/Selectors/Link selector.md b/docs/Selectors/Link selector.md
index d6b064a..5555f44 100644
--- a/docs/Selectors/Link selector.md	
+++ b/docs/Selectors/Link selector.md	
@@ -46,7 +46,7 @@ selector.
 ![Fig. 1: Multiple link selectors for category navigation][multiple-level-link-selectors]
 
 
-[multiple-level-link-selectors]: ../images/selectors/link/multiple-level-link-selectors.png?raw=true
+[multiple-level-link-selectors]: ../images/selectors/link/multiple-level-link-selectors.svg
 [element-click]: Element%20click%20selector.md
 [css-selector]: ../CSS%20selector.md
 [pagination-selector]: Pagination%20selector.md
diff --git a/docs/Selectors/Pagination selector.md b/docs/Selectors/Pagination selector.md
index 35cc45c..030bf54 100644
--- a/docs/Selectors/Pagination selector.md	
+++ b/docs/Selectors/Pagination selector.md	
@@ -49,7 +49,7 @@ data from those.
 
 
 [css-selector]: ../CSS%20selector.md
-[pagination-selector]: ../images/selectors/pagination/pagination-selector.png?raw=true
+[pagination-selector]: ../images/selectors/pagination/pagination-selector.svg
 
 description: Web Scraper Pagination Selector - navigate through paginated content and load more buttons to scrape data from multiple pages automatically
 keywords: pagination selector, pagination scraping, load more button, page navigation, multi-page scraping, automatic pagination, next page
diff --git a/docs/Selectors/Sitemap xml selector.md b/docs/Selectors/Sitemap xml selector.md
index 27762e6..0ada99b 100644
--- a/docs/Selectors/Sitemap xml selector.md	
+++ b/docs/Selectors/Sitemap xml selector.md	
@@ -74,7 +74,7 @@ When using Sitemap.xml selector, set the main page of the site as a start URL.
 
 [link-selector]: Link%20selector.md
 [cloud-web-scraper]: https://www.webscraper.io/cloud-scraper
-[sitemap-xml-link-selectors]: ../images/selectors/sitemap-xml/sitemap-xml-link-selector.png?raw=true
+[sitemap-xml-link-selectors]: ../images/selectors/sitemap-xml/sitemap-xml-link-selector.svg
 [sitemap format]: https://www.sitemaps.org/protocol.html
 
 description: Extract URLs from sitemap.xml files to scrape entire websites without pagination using Web Scraper's Sitemap.xml link selector
diff --git a/docs/Selectors/Table selector.md b/docs/Selectors/Table selector.md
index 8e09493..eae8ea3 100644
--- a/docs/Selectors/Table selector.md	
+++ b/docs/Selectors/Table selector.md	
@@ -21,7 +21,7 @@ shows what you should select when extracting data from a table.
 ## Use cases
 See [Text selector] [text-selector] use cases.
 
- [table-selector-selectors]: ../images/selectors/table/selectors.png?raw=true
+ [table-selector-selectors]: ../images/selectors/table/selectors.svg
  [text-selector]: Text%20selector.md
  [css-selector]: ../CSS%20selector.md
 
diff --git a/docs/Selectors/Text selector.md b/docs/Selectors/Text selector.md
index 4d5b945..c723ef0 100644
--- a/docs/Selectors/Text selector.md	
+++ b/docs/Selectors/Text selector.md	
@@ -66,9 +66,9 @@ how data is returned
 
 * [How to scrape multiple items within a listings page]
 
-[text-selector-multiple-single-text-selectors-in-one-page]: ../images/selectors/text/text-selector-multiple-single-text-selectors-in-one-page.png?raw=true
-[text-selector-multiple-elements-with-text-selectors]: ../images/selectors/text/text-selector-multiple-elements-with-text-selectors.png?raw=true
-[text-selector-multiple-per-page]: ../images/selectors/text/text-selector-multiple-per-page.png?raw=true
+[text-selector-multiple-single-text-selectors-in-one-page]: ../images/selectors/text/text-selector-multiple-single-text-selectors-in-one-page.svg
+[text-selector-multiple-elements-with-text-selectors]: ../images/selectors/text/text-selector-multiple-elements-with-text-selectors.svg
+[text-selector-multiple-per-page]: ../images/selectors/text/text-selector-multiple-per-page.svg
 [element-selector]: Element%20selector.md
 [css-selector]: ../CSS%20selector.md
 [How to scrape multiple items within a listings page]: https://webscraper.io/tutorials/multiple-items
diff --git a/docs/images/scraping-a-site/news-site-sitemap.png b/docs/images/scraping-a-site/news-site-sitemap.png
deleted file mode 100644
index d793ca5..0000000
Binary files a/docs/images/scraping-a-site/news-site-sitemap.png and /dev/null differ
diff --git a/docs/images/scraping-a-site/news-site-sitemap.svg b/docs/images/scraping-a-site/news-site-sitemap.svg
new file mode 100644
index 0000000..5e72611
--- /dev/null
+++ b/docs/images/scraping-a-site/news-site-sitemap.svg
@@ -0,0 +1,116 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 712 336" width="712" height="336" fill="none" font-family="Inter, ui-sans-serif, system-ui, -apple-system, &#39;Segoe UI&#39;, Roboto, Arial, sans-serif">
+  
+  <defs>
+    <marker id="arrow" markerWidth="8" markerHeight="8" refX="5.2" refY="3" orient="auto-start-reverse">
+      <path d="M0.75 0.5 L6 3 L0.75 5.5" fill="none" stroke="#087F8C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+    </marker>
+    <symbol id="link-chip" viewBox="0 0 68 26">
+      <rect x="0.75" y="0.75" width="66.5" height="24.5" rx="5" fill="#E8F3F4" stroke="#087F8C" stroke-width="1.5"></rect>
+      <text x="34" y="13" font-size="12.5" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#087F8C">Link</text>
+    </symbol>
+  </defs>
+
+  
+  <rect x="8.75" y="8.75" width="694.5" height="318.5" rx="16" fill="#F8FAFC" stroke="#ECEFF3" stroke-width="1.5"></rect>
+
+  
+  <rect x="24.75" y="40.75" width="370.5" height="110.5" rx="12" fill="#FFFFFF" stroke="#B8C6D8" stroke-width="1.5"></rect>
+  <path d="M24.75 52 A11.25 11.25 0 0 1 36 40.75 L384 40.75 A11.25 11.25 0 0 1 395.25 52 L395.25 80 L24.75 80 Z" fill="#F1F5F9"></path>
+  <line x1="24.75" y1="80" x2="395.25" y2="80" stroke="#B8C6D8" stroke-width="1.5"></line>
+  <circle cx="48" cy="60" r="5" fill="#FF5F57"></circle>
+  <circle cx="68" cy="60" r="5" fill="#FEBC2E"></circle>
+  <circle cx="88" cy="60" r="5" fill="#28C840"></circle>
+
+  <rect x="112.75" y="48.75" width="270.5" height="22.5" rx="8" fill="#FFFFFF" stroke="#C9D3E0" stroke-width="1.5"></rect>
+  <g stroke="#64748B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="124.75" y="57.75" width="9" height="7" rx="2"></rect>
+    <path d="M126.75 57.75 v-2 a2.75 2.75 0 0 1 5.5 0 v2"></path>
+  </g>
+  <text x="144" y="60" font-size="14" dominant-baseline="central" fill="#64748B">http://<tspan fill="#0F172A">example-news.com</tspan>/</text>
+
+  <use href="#link-chip" x="44" y="110" width="68" height="26"></use>
+  <use href="#link-chip" x="132" y="110" width="68" height="26"></use>
+  <use href="#link-chip" x="220" y="110" width="68" height="26"></use>
+  <use href="#link-chip" x="308" y="110" width="68" height="26"></use>
+
+  
+  <g stroke="#087F8C" stroke-width="1.5" stroke-linecap="round" marker-end="url(#arrow)">
+    <line x1="78" y1="137" x2="78" y2="216"></line>
+    <line x1="166" y1="137" x2="166" y2="216"></line>
+    <line x1="254" y1="137" x2="254" y2="216"></line>
+    <line x1="342" y1="137" x2="342" y2="216"></line>
+  </g>
+
+  
+  <g transform="translate(36,218)">
+    <rect x="0.75" y="0.75" width="82.5" height="94.5" rx="12" fill="#F3F8FA" stroke="#B8CBD2" stroke-width="1.5"></rect>
+    <path d="M0.75 12 A11.25 11.25 0 0 1 12 0.75 L72 0.75 A11.25 11.25 0 0 1 83.25 12 L83.25 24 L0.75 24 Z" fill="#EAF2F4"></path>
+    <line x1="0.75" y1="24" x2="83.25" y2="24" stroke="#B8CBD2" stroke-width="1.5"></line>
+    <circle cx="14" cy="12.5" r="2.5" fill="#FF5F57"></circle><circle cx="23" cy="12.5" r="2.5" fill="#FEBC2E"></circle><circle cx="32" cy="12.5" r="2.5" fill="#28C840"></circle>
+    <text x="14" y="50" font-size="12.5" font-weight="500" fill="#475569">Listing</text>
+    <rect x="14" y="72" width="48" height="7" rx="3.5" fill="#C4D3D9"></rect>
+  </g>
+  <g transform="translate(124,218)">
+    <rect x="0.75" y="0.75" width="82.5" height="94.5" rx="12" fill="#F3F8FA" stroke="#B8CBD2" stroke-width="1.5"></rect>
+    <path d="M0.75 12 A11.25 11.25 0 0 1 12 0.75 L72 0.75 A11.25 11.25 0 0 1 83.25 12 L83.25 24 L0.75 24 Z" fill="#EAF2F4"></path>
+    <line x1="0.75" y1="24" x2="83.25" y2="24" stroke="#B8CBD2" stroke-width="1.5"></line>
+    <circle cx="14" cy="12.5" r="2.5" fill="#FF5F57"></circle><circle cx="23" cy="12.5" r="2.5" fill="#FEBC2E"></circle><circle cx="32" cy="12.5" r="2.5" fill="#28C840"></circle>
+    <text x="14" y="50" font-size="12.5" font-weight="500" fill="#475569">Listing</text>
+    <rect x="14" y="72" width="40" height="7" rx="3.5" fill="#C4D3D9"></rect>
+  </g>
+  <g transform="translate(212,218)">
+    <rect x="0.75" y="0.75" width="82.5" height="94.5" rx="12" fill="#F3F8FA" stroke="#B8CBD2" stroke-width="1.5"></rect>
+    <path d="M0.75 12 A11.25 11.25 0 0 1 12 0.75 L72 0.75 A11.25 11.25 0 0 1 83.25 12 L83.25 24 L0.75 24 Z" fill="#EAF2F4"></path>
+    <line x1="0.75" y1="24" x2="83.25" y2="24" stroke="#B8CBD2" stroke-width="1.5"></line>
+    <circle cx="14" cy="12.5" r="2.5" fill="#FF5F57"></circle><circle cx="23" cy="12.5" r="2.5" fill="#FEBC2E"></circle><circle cx="32" cy="12.5" r="2.5" fill="#28C840"></circle>
+    <text x="14" y="50" font-size="12.5" font-weight="500" fill="#475569">Listing</text>
+    <rect x="14" y="72" width="44" height="7" rx="3.5" fill="#C4D3D9"></rect>
+  </g>
+  <g transform="translate(300,218)">
+    <rect x="0.75" y="0.75" width="82.5" height="94.5" rx="12" fill="#F3F8FA" stroke="#B8CBD2" stroke-width="1.5"></rect>
+    <path d="M0.75 12 A11.25 11.25 0 0 1 12 0.75 L72 0.75 A11.25 11.25 0 0 1 83.25 12 L83.25 24 L0.75 24 Z" fill="#EAF2F4"></path>
+    <line x1="0.75" y1="24" x2="83.25" y2="24" stroke="#B8CBD2" stroke-width="1.5"></line>
+    <circle cx="14" cy="12.5" r="2.5" fill="#FF5F57"></circle><circle cx="23" cy="12.5" r="2.5" fill="#FEBC2E"></circle><circle cx="32" cy="12.5" r="2.5" fill="#28C840"></circle>
+    <text x="14" y="50" font-size="12.5" font-weight="500" fill="#475569">Listing</text>
+    <rect x="14" y="72" width="36" height="7" rx="3.5" fill="#C4D3D9"></rect>
+  </g>
+
+  
+  <rect x="444.75" y="24.75" width="250.5" height="288.5" rx="12" fill="#FFFFFF" stroke="#B8C6D8" stroke-width="1.5"></rect>
+  <text x="460" y="48" font-size="14" font-weight="600" fill="#0F172A">Sitemap</text>
+
+  
+  <rect x="460.75" y="64.75" width="218.5" height="28.5" rx="8" fill="#087F8C"></rect>
+  <text x="472" y="79.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#FFFFFF">Start URL</text>
+
+  
+  <rect x="460.75" y="112.75" width="218.5" height="176.5" rx="12" fill="#F8FAFC" stroke="#B8CBD2" stroke-width="1.5" stroke-dasharray="5 4"></rect>
+  <text x="476" y="136" font-size="13" font-weight="500" fill="#475569">Selectors</text>
+
+  
+  <path d="M488 197 L488 237 a6 6 0 0 0 6 6 L500 243" fill="none" stroke="#7FC08A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+
+  
+  <rect x="476.75" y="168.75" width="186.5" height="28.5" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(485,176) scale(0.6)" stroke="#2F7D32" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <path d="M9 17H7a5 5 0 0 1 0-10h2"></path>
+    <path d="M15 7h2a5 5 0 0 1 0 10h-2"></path>
+    <line x1="8" y1="12" x2="16" y2="12"></line>
+  </g>
+  <text x="510" y="183.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Link selector</text>
+
+  
+  <rect x="500.75" y="228.75" width="162.5" height="28.5" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(516,243)" stroke="#2F7D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <line x1="-5" y1="-5" x2="5" y2="-5"></line>
+    <line x1="0" y1="-5" x2="0" y2="5"></line>
+  </g>
+  <text x="534" y="243.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Text selector</text>
+
+  
+  <g stroke="#087F8C" stroke-width="1.5" stroke-linecap="round" marker-end="url(#arrow)">
+    <line x1="460" y1="72" x2="386" y2="60"></line>
+    <line x1="476" y1="180" x2="378" y2="126"></line>
+    <line x1="500" y1="243" x2="383" y2="266"></line>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/docs/images/scraping-a-site/news-site.png b/docs/images/scraping-a-site/news-site.png
deleted file mode 100644
index c5be8ce..0000000
Binary files a/docs/images/scraping-a-site/news-site.png and /dev/null differ
diff --git a/docs/images/scraping-a-site/news-site.svg b/docs/images/scraping-a-site/news-site.svg
new file mode 100644
index 0000000..5bcbaa2
--- /dev/null
+++ b/docs/images/scraping-a-site/news-site.svg
@@ -0,0 +1,100 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 690 492" width="690" height="492" fill="none" font-family="Inter, ui-sans-serif, system-ui, -apple-system, &#39;Segoe UI&#39;, Roboto, Arial, sans-serif">
+  
+  <defs>
+    <marker id="arrow" markerWidth="8" markerHeight="8" refX="5.2" refY="3" orient="auto-start-reverse">
+      <path d="M0.75 0.5 L6 3 L0.75 5.5" fill="none" stroke="#087F8C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+    </marker>
+    
+    <symbol id="link-chip" viewBox="0 0 68 26">
+      <rect x="0.75" y="0.75" width="66.5" height="24.5" rx="5" fill="#E8F3F4" stroke="#087F8C" stroke-width="1.5"></rect>
+      <text x="34" y="13" font-size="12.5" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#087F8C">Link</text>
+    </symbol>
+  </defs>
+
+  
+  <rect x="8.75" y="8.75" width="672.5" height="474.5" rx="16" fill="#F8FAFC" stroke="#ECEFF3" stroke-width="1.5"></rect>
+
+  
+  <rect x="40.75" y="32.75" width="606.5" height="166.5" rx="12" fill="#FFFFFF" stroke="#B8C6D8" stroke-width="1.5"></rect>
+  <path d="M40.75 44 A11.25 11.25 0 0 1 52 32.75 L636 32.75 A11.25 11.25 0 0 1 647.25 44 L647.25 72 L40.75 72 Z" fill="#F1F5F9"></path>
+  <line x1="40.75" y1="72" x2="647.25" y2="72" stroke="#B8C6D8" stroke-width="1.5"></line>
+  <circle cx="64" cy="52" r="5" fill="#FF5F57"></circle>
+  <circle cx="84" cy="52" r="5" fill="#FEBC2E"></circle>
+  <circle cx="104" cy="52" r="5" fill="#28C840"></circle>
+
+  
+  <rect x="132.75" y="40.75" width="482.5" height="22.5" rx="8" fill="#FFFFFF" stroke="#C9D3E0" stroke-width="1.5"></rect>
+  <g stroke="#64748B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="144.75" y="49.75" width="9" height="7" rx="2"></rect>
+    <path d="M146.75 49.75 v-2 a2.75 2.75 0 0 1 5.5 0 v2"></path>
+  </g>
+  <text x="164" y="52" font-size="14" dominant-baseline="central" fill="#64748B">http://<tspan fill="#0F172A">example-news.com</tspan>/</text>
+
+  
+  <rect x="64" y="96" width="480" height="8" rx="4" fill="#D6DEE8"></rect>
+  <rect x="64" y="116" width="360" height="8" rx="4" fill="#D6DEE8"></rect>
+
+  
+  <use href="#link-chip" x="71" y="150" width="68" height="26"></use>
+  <use href="#link-chip" x="231" y="150" width="68" height="26"></use>
+  <use href="#link-chip" x="391" y="150" width="68" height="26"></use>
+  <use href="#link-chip" x="551" y="150" width="68" height="26"></use>
+
+  
+  <g stroke="#087F8C" stroke-width="1.5" stroke-linecap="round" marker-end="url(#arrow)">
+    <line x1="105" y1="182" x2="105" y2="311"></line>
+    <line x1="265" y1="182" x2="265" y2="311"></line>
+    <line x1="425" y1="182" x2="425" y2="311"></line>
+    <line x1="585" y1="182" x2="585" y2="311"></line>
+  </g>
+
+  
+  <g transform="translate(41,316)">
+    <rect x="0.75" y="0.75" width="126.5" height="150.5" rx="12" fill="#F3F8FA" stroke="#B8CBD2" stroke-width="1.5"></rect>
+    <path d="M0.75 12 A11.25 11.25 0 0 1 12 0.75 L116 0.75 A11.25 11.25 0 0 1 127.25 12 L127.25 30 L0.75 30 Z" fill="#EAF2F4"></path>
+    <line x1="0.75" y1="30" x2="127.25" y2="30" stroke="#B8CBD2" stroke-width="1.5"></line>
+    <circle cx="16" cy="15" r="3" fill="#FF5F57"></circle>
+    <circle cx="26" cy="15" r="3" fill="#FEBC2E"></circle>
+    <circle cx="36" cy="15" r="3" fill="#28C840"></circle>
+    <text x="16" y="52" font-size="13.5" font-weight="500" fill="#475569">Listing</text>
+    <rect x="16" y="76" width="96" height="7" rx="3.5" fill="#C4D3D9"></rect>
+    <rect x="16" y="92" width="80" height="7" rx="3.5" fill="#C4D3D9"></rect>
+    <rect x="16" y="108" width="72" height="7" rx="3.5" fill="#C4D3D9"></rect>
+  </g>
+  <g transform="translate(201,316)">
+    <rect x="0.75" y="0.75" width="126.5" height="150.5" rx="12" fill="#F3F8FA" stroke="#B8CBD2" stroke-width="1.5"></rect>
+    <path d="M0.75 12 A11.25 11.25 0 0 1 12 0.75 L116 0.75 A11.25 11.25 0 0 1 127.25 12 L127.25 30 L0.75 30 Z" fill="#EAF2F4"></path>
+    <line x1="0.75" y1="30" x2="127.25" y2="30" stroke="#B8CBD2" stroke-width="1.5"></line>
+    <circle cx="16" cy="15" r="3" fill="#FF5F57"></circle>
+    <circle cx="26" cy="15" r="3" fill="#FEBC2E"></circle>
+    <circle cx="36" cy="15" r="3" fill="#28C840"></circle>
+    <text x="16" y="52" font-size="13.5" font-weight="500" fill="#475569">Listing</text>
+    <rect x="16" y="74" width="104" height="7" rx="3.5" fill="#C4D3D9"></rect>
+    <rect x="16" y="90" width="96" height="7" rx="3.5" fill="#C4D3D9"></rect>
+    <rect x="16" y="106" width="80" height="7" rx="3.5" fill="#C4D3D9"></rect>
+  </g>
+  <g transform="translate(361,316)">
+    <rect x="0.75" y="0.75" width="126.5" height="150.5" rx="12" fill="#F3F8FA" stroke="#B8CBD2" stroke-width="1.5"></rect>
+    <path d="M0.75 12 A11.25 11.25 0 0 1 12 0.75 L116 0.75 A11.25 11.25 0 0 1 127.25 12 L127.25 30 L0.75 30 Z" fill="#EAF2F4"></path>
+    <line x1="0.75" y1="30" x2="127.25" y2="30" stroke="#B8CBD2" stroke-width="1.5"></line>
+    <circle cx="16" cy="15" r="3" fill="#FF5F57"></circle>
+    <circle cx="26" cy="15" r="3" fill="#FEBC2E"></circle>
+    <circle cx="36" cy="15" r="3" fill="#28C840"></circle>
+    <text x="16" y="52" font-size="13.5" font-weight="500" fill="#475569">Listing</text>
+    <rect x="16" y="78" width="88" height="7" rx="3.5" fill="#C4D3D9"></rect>
+    <rect x="16" y="94" width="96" height="7" rx="3.5" fill="#C4D3D9"></rect>
+    <rect x="16" y="110" width="64" height="7" rx="3.5" fill="#C4D3D9"></rect>
+  </g>
+  <g transform="translate(521,316)">
+    <rect x="0.75" y="0.75" width="126.5" height="150.5" rx="12" fill="#F3F8FA" stroke="#B8CBD2" stroke-width="1.5"></rect>
+    <path d="M0.75 12 A11.25 11.25 0 0 1 12 0.75 L116 0.75 A11.25 11.25 0 0 1 127.25 12 L127.25 30 L0.75 30 Z" fill="#EAF2F4"></path>
+    <line x1="0.75" y1="30" x2="127.25" y2="30" stroke="#B8CBD2" stroke-width="1.5"></line>
+    <circle cx="16" cy="15" r="3" fill="#FF5F57"></circle>
+    <circle cx="26" cy="15" r="3" fill="#FEBC2E"></circle>
+    <circle cx="36" cy="15" r="3" fill="#28C840"></circle>
+    <text x="16" y="52" font-size="13.5" font-weight="500" fill="#475569">Listing</text>
+    <rect x="16" y="76" width="96" height="7" rx="3.5" fill="#C4D3D9"></rect>
+    <rect x="16" y="92" width="72" height="7" rx="3.5" fill="#C4D3D9"></rect>
+    <rect x="16" y="108" width="88" height="7" rx="3.5" fill="#C4D3D9"></rect>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/docs/images/selectors/link/multiple-level-link-selectors.png b/docs/images/selectors/link/multiple-level-link-selectors.png
deleted file mode 100644
index c73e9c3..0000000
Binary files a/docs/images/selectors/link/multiple-level-link-selectors.png and /dev/null differ
diff --git a/docs/images/selectors/link/multiple-level-link-selectors.svg b/docs/images/selectors/link/multiple-level-link-selectors.svg
new file mode 100644
index 0000000..f912664
--- /dev/null
+++ b/docs/images/selectors/link/multiple-level-link-selectors.svg
@@ -0,0 +1,117 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 752 430" width="752" height="430" fill="none" font-family="Inter, ui-sans-serif, system-ui, -apple-system, &#39;Segoe UI&#39;, Roboto, Arial, sans-serif">
+  
+  <defs>
+    <marker id="arrow" markerWidth="8" markerHeight="8" refX="5.2" refY="3" orient="auto-start-reverse">
+      <path d="M0.75 0.5 L6 3 L0.75 5.5" fill="none" stroke="#087F8C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+    </marker>
+    <symbol id="link-chip" viewBox="0 0 68 26">
+      <rect x="0.75" y="0.75" width="66.5" height="24.5" rx="5" fill="#E8F3F4" stroke="#087F8C" stroke-width="1.5"></rect>
+      <text x="34" y="13" font-size="12.5" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#087F8C">Link</text>
+    </symbol>
+  </defs>
+
+  
+  <rect x="8.75" y="8.75" width="734.5" height="412.5" rx="16" fill="#F8FAFC" stroke="#ECEFF3" stroke-width="1.5"></rect>
+
+  
+  <rect x="24.75" y="40.75" width="370.5" height="96.5" rx="12" fill="#FFFFFF" stroke="#B8C6D8" stroke-width="1.5"></rect>
+  <path d="M24.75 52 A11.25 11.25 0 0 1 36 40.75 L384 40.75 A11.25 11.25 0 0 1 395.25 52 L395.25 80 L24.75 80 Z" fill="#F1F5F9"></path>
+  <line x1="24.75" y1="80" x2="395.25" y2="80" stroke="#B8C6D8" stroke-width="1.5"></line>
+  <circle cx="48" cy="60" r="5" fill="#FF5F57"></circle>
+  <circle cx="68" cy="60" r="5" fill="#FEBC2E"></circle>
+  <circle cx="88" cy="60" r="5" fill="#28C840"></circle>
+
+  <rect x="112.75" y="48.75" width="270.5" height="22.5" rx="8" fill="#FFFFFF" stroke="#C9D3E0" stroke-width="1.5"></rect>
+  <g stroke="#64748B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="124.75" y="57.75" width="9" height="7" rx="2"></rect>
+    <path d="M126.75 57.75 v-2 a2.75 2.75 0 0 1 5.5 0 v2"></path>
+  </g>
+  <text x="144" y="60" font-size="13.5" dominant-baseline="central" fill="#64748B">http://<tspan fill="#0F172A">e-commerce.com</tspan>/</text>
+
+  <use href="#link-chip" x="130" y="100" width="68" height="26"></use>
+  <use href="#link-chip" x="222" y="100" width="68" height="26"></use>
+
+  
+  <rect x="24.75" y="164.75" width="370.5" height="96.5" rx="12" fill="#FFFFFF" stroke="#B8C6D8" stroke-width="1.5"></rect>
+  <path d="M24.75 176 A11.25 11.25 0 0 1 36 164.75 L384 164.75 A11.25 11.25 0 0 1 395.25 176 L395.25 204 L24.75 204 Z" fill="#F1F5F9"></path>
+  <line x1="24.75" y1="204" x2="395.25" y2="204" stroke="#B8C6D8" stroke-width="1.5"></line>
+  <circle cx="48" cy="184" r="5" fill="#FF5F57"></circle>
+  <circle cx="68" cy="184" r="5" fill="#FEBC2E"></circle>
+  <circle cx="88" cy="184" r="5" fill="#28C840"></circle>
+
+  <rect x="112.75" y="172.75" width="270.5" height="22.5" rx="8" fill="#FFFFFF" stroke="#C9D3E0" stroke-width="1.5"></rect>
+  <g stroke="#64748B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="124.75" y="181.75" width="9" height="7" rx="2"></rect>
+    <path d="M126.75 181.75 v-2 a2.75 2.75 0 0 1 5.5 0 v2"></path>
+  </g>
+  <text x="144" y="184" font-size="12" dominant-baseline="central" fill="#64748B">http://<tspan fill="#0F172A">e-commerce.com/subcategory</tspan></text>
+
+  <use href="#link-chip" x="130" y="224" width="68" height="26"></use>
+  <use href="#link-chip" x="222" y="224" width="68" height="26"></use>
+
+  
+  <rect x="24.75" y="288.75" width="370.5" height="116" rx="12" fill="#F3F8FA" stroke="#B8CBD2" stroke-width="1.5"></rect>
+  <path d="M24.75 300 A11.25 11.25 0 0 1 36 288.75 L384 288.75 A11.25 11.25 0 0 1 395.25 300 L395.25 312.75 L24.75 312.75 Z" fill="#EAF2F4"></path>
+  <line x1="24.75" y1="312.75" x2="395.25" y2="312.75" stroke="#B8CBD2" stroke-width="1.5"></line>
+  <circle cx="40" cy="300.5" r="2.5" fill="#FF5F57"></circle>
+  <circle cx="49" cy="300.5" r="2.5" fill="#FEBC2E"></circle>
+  <circle cx="58" cy="300.5" r="2.5" fill="#28C840"></circle>
+
+  <rect x="40.75" y="324.75" width="338.5" height="28" rx="8" fill="#EAF2F4" stroke="#B8CBD2" stroke-width="1.5"></rect>
+  <text x="210" y="338.75" font-size="13" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">Item</text>
+  <rect x="40.75" y="364.75" width="338.5" height="28" rx="8" fill="#EAF2F4" stroke="#B8CBD2" stroke-width="1.5"></rect>
+  <text x="210" y="378.75" font-size="13" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">Item</text>
+
+  
+  <rect x="432.75" y="24.75" width="294.5" height="320" rx="12" fill="#FFFFFF" stroke="#B8C6D8" stroke-width="1.5"></rect>
+  <text x="448" y="48" font-size="14" font-weight="600" fill="#0F172A">Sitemap</text>
+
+  <rect x="448.75" y="64.75" width="261" height="28.5" rx="8" fill="#087F8C"></rect>
+  <text x="460" y="79.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#FFFFFF">Start URL</text>
+
+  <rect x="448.75" y="112.75" width="261" height="216" rx="12" fill="#F8FAFC" stroke="#B8CBD2" stroke-width="1.5" stroke-dasharray="5 4"></rect>
+  <text x="464" y="136" font-size="13" font-weight="500" fill="#475569">Selectors</text>
+
+  
+  <rect x="464.75" y="152.75" width="229" height="44" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(473,163) scale(0.55)" stroke="#2F7D32" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <path d="M9 17H7a5 5 0 0 1 0-10h2"></path>
+    <path d="M15 7h2a5 5 0 0 1 0 10h-2"></path>
+    <line x1="8" y1="12" x2="16" y2="12"></line>
+  </g>
+  <text x="498" y="166.75" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Link selector</text>
+  <text x="498" y="184" font-size="12" font-weight="400" dominant-baseline="central" fill="#2F7D32">(categories)</text>
+
+  
+  <path d="M473 196.75 L473 232.75 L482.75 232.75" fill="none" stroke="#7FC08A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+      <rect x="482.75" y="210.75" width="211" height="44" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(491,221) scale(0.55)" stroke="#2F7D32" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <path d="M9 17H7a5 5 0 0 1 0-10h2"></path>
+    <path d="M15 7h2a5 5 0 0 1 0 10h-2"></path>
+    <line x1="8" y1="12" x2="16" y2="12"></line>
+  </g>
+  <text x="516" y="224.75" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Link selector</text>
+  <text x="516" y="242" font-size="12" font-weight="400" dominant-baseline="central" fill="#2F7D32">(subcategories)</text>
+
+  
+  <path d="M490.75 254.75 L490.75 290.75 L500.75 290.75" fill="none" stroke="#7FC08A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+      <rect x="500.75" y="268.75" width="193" height="44" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(510,279) scale(0.58)" stroke="#2F7D32" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <rect x="3" y="3" width="18" height="18" rx="3"></rect>
+    <line x1="3" y1="9" x2="21" y2="9"></line>
+  </g>
+  <text x="534" y="282.75" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Selector for data</text>
+  <text x="534" y="300" font-size="12" font-weight="400" dominant-baseline="central" fill="#2F7D32">extraction</text>
+
+  
+  
+  <g stroke="#087F8C" stroke-width="1.5" stroke-linecap="round" marker-end="url(#arrow)">
+    <line x1="448" y1="72" x2="383" y2="60"></line>
+    <line x1="465" y1="174" x2="290" y2="113"></line>
+    <line x1="483" y1="232" x2="290" y2="237"></line>
+    <line x1="501" y1="290" x2="379" y2="339"></line>
+    <line x1="501" y1="290" x2="379" y2="379"></line>
+    <line x1="256" y1="129" x2="256" y2="163"></line>
+    <line x1="256" y1="253" x2="256" y2="287"></line>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/docs/images/selectors/pagination/pagination-selector.png b/docs/images/selectors/pagination/pagination-selector.png
deleted file mode 100644
index 4d2fdf4..0000000
Binary files a/docs/images/selectors/pagination/pagination-selector.png and /dev/null differ
diff --git a/docs/images/selectors/pagination/pagination-selector.svg b/docs/images/selectors/pagination/pagination-selector.svg
new file mode 100644
index 0000000..591df00
--- /dev/null
+++ b/docs/images/selectors/pagination/pagination-selector.svg
@@ -0,0 +1,137 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 782 410" width="782" height="410" fill="none" font-family="Inter, ui-sans-serif, system-ui, -apple-system, &#39;Segoe UI&#39;, Roboto, Arial, sans-serif">
+  
+  <defs>
+    <marker id="arrow" markerWidth="8" markerHeight="8" refX="5.2" refY="3" orient="auto-start-reverse">
+      <path d="M0.75 0.5 L6 3 L0.75 5.5" fill="none" stroke="#087F8C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+    </marker>
+    <symbol id="link-chip" viewBox="0 0 68 26">
+      <rect x="0.75" y="0.75" width="66.5" height="24.5" rx="5" fill="#E8F3F4" stroke="#087F8C" stroke-width="1.5"></rect>
+      <text x="34" y="13" font-size="12.5" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#087F8C">Link</text>
+    </symbol>
+    <symbol id="page-chip" viewBox="0 0 24 24">
+      <rect x="0.75" y="0.75" width="22.5" height="22.5" rx="6" fill="#EAF2F4" stroke="#B8CBD2" stroke-width="1.5"></rect>
+    </symbol>
+  </defs>
+
+  
+  <rect x="8.75" y="8.75" width="764.5" height="392.5" rx="16" fill="#F8FAFC" stroke="#ECEFF3" stroke-width="1.5"></rect>
+
+  
+  <rect x="24.75" y="40.75" width="330.5" height="96.5" rx="12" fill="#FFFFFF" stroke="#B8C6D8" stroke-width="1.5"></rect>
+  <path d="M24.75 52 A11.25 11.25 0 0 1 36 40.75 L344 40.75 A11.25 11.25 0 0 1 355.25 52 L355.25 80 L24.75 80 Z" fill="#F1F5F9"></path>
+  <line x1="24.75" y1="80" x2="355.25" y2="80" stroke="#B8C6D8" stroke-width="1.5"></line>
+  <circle cx="48" cy="60" r="5" fill="#FF5F57"></circle>
+  <circle cx="68" cy="60" r="5" fill="#FEBC2E"></circle>
+  <circle cx="88" cy="60" r="5" fill="#28C840"></circle>
+
+  <rect x="112.75" y="48.75" width="230.5" height="22.5" rx="8" fill="#FFFFFF" stroke="#C9D3E0" stroke-width="1.5"></rect>
+  <g stroke="#64748B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="124.75" y="57.75" width="9" height="7" rx="2"></rect>
+    <path d="M126.75 57.75 v-2 a2.75 2.75 0 0 1 5.5 0 v2"></path>
+  </g>
+  <text x="144" y="60" font-size="13.5" dominant-baseline="central" fill="#64748B">http://<tspan fill="#0F172A">e-commerce.com</tspan>/</text>
+
+  <use href="#link-chip" x="110" y="100" width="68" height="26"></use>
+  <use href="#link-chip" x="202" y="100" width="68" height="26"></use>
+
+  
+  <rect x="24.75" y="164.75" width="330.5" height="96.5" rx="12" fill="#FFFFFF" stroke="#B8C6D8" stroke-width="1.5"></rect>
+  <path d="M24.75 176 A11.25 11.25 0 0 1 36 164.75 L344 164.75 A11.25 11.25 0 0 1 355.25 176 L355.25 204 L24.75 204 Z" fill="#F1F5F9"></path>
+  <line x1="24.75" y1="204" x2="355.25" y2="204" stroke="#B8C6D8" stroke-width="1.5"></line>
+  <circle cx="48" cy="184" r="5" fill="#FF5F57"></circle>
+  <circle cx="68" cy="184" r="5" fill="#FEBC2E"></circle>
+  <circle cx="88" cy="184" r="5" fill="#28C840"></circle>
+
+  <rect x="112.75" y="172.75" width="230.5" height="22.5" rx="8" fill="#FFFFFF" stroke="#C9D3E0" stroke-width="1.5"></rect>
+  <g stroke="#64748B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="124.75" y="181.75" width="9" height="7" rx="2"></rect>
+    <path d="M126.75 181.75 v-2 a2.75 2.75 0 0 1 5.5 0 v2"></path>
+  </g>
+  <text x="144" y="184" font-size="11.5" dominant-baseline="central" fill="#64748B">http://<tspan fill="#0F172A">e-commerce.com/category</tspan></text>
+
+  
+  <rect x="45.75" y="225.25" width="39" height="21.5" rx="6" fill="#E8F3F4" stroke="#087F8C" stroke-width="1.5"></rect>
+  <text x="65.25" y="236.5" font-size="10.5" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#087F8C">Prev</text>
+  <use href="#page-chip" x="93" y="224" width="24" height="24"></use>
+  <text x="105" y="236" font-size="12" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">1</text>
+  <use href="#page-chip" x="127" y="224" width="24" height="24"></use>
+  <text x="139" y="236" font-size="12" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">2</text>
+  <use href="#page-chip" x="161" y="224" width="24" height="24"></use>
+  <text x="173" y="236" font-size="12" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">3</text>
+  <text x="207" y="236" font-size="13" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#94A3B8">…</text>
+  <use href="#page-chip" x="229" y="224" width="24" height="24"></use>
+  <text x="241" y="236" font-size="12" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">8</text>
+  <use href="#page-chip" x="263" y="224" width="24" height="24"></use>
+  <text x="275" y="236" font-size="12" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">9</text>
+  <rect x="295.25" y="225.25" width="39" height="21.5" rx="6" fill="#E8F3F4" stroke="#087F8C" stroke-width="1.5"></rect>
+  <text x="314.75" y="236.5" font-size="10.5" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#087F8C">Next</text>
+
+  
+  <rect x="24.75" y="285.25" width="330.5" height="44" rx="8" fill="#EAF2F4" stroke="#B8CBD2" stroke-width="1.5"></rect>
+  <text x="190" y="307.25" font-size="13" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">Item</text>
+  <rect x="24.75" y="341.25" width="330.5" height="44" rx="8" fill="#EAF2F4" stroke="#B8CBD2" stroke-width="1.5"></rect>
+  <text x="190" y="363.25" font-size="13" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">Item</text>
+
+      <rect x="16.75" y="277.25" width="346.5" height="116" rx="12" fill="none" stroke="#B8CBD2" stroke-width="1.5"></rect>
+  
+  <rect x="0" y="0" width="0" height="0" fill="none"></rect>
+
+  
+  <rect x="392.75" y="24.75" width="364.5" height="316" rx="12" fill="#FFFFFF" stroke="#B8C6D8" stroke-width="1.5"></rect>
+  <text x="408" y="48" font-size="14" font-weight="600" fill="#0F172A">Sitemap</text>
+
+  <rect x="408.75" y="64.75" width="331" height="28.5" rx="8" fill="#087F8C"></rect>
+  <text x="420" y="79.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#FFFFFF">Start URL</text>
+
+  <rect x="408.75" y="112.75" width="331" height="212" rx="12" fill="#F8FAFC" stroke="#B8CBD2" stroke-width="1.5" stroke-dasharray="5 4"></rect>
+  <text x="424" y="136" font-size="13" font-weight="500" fill="#475569">Selectors</text>
+
+  
+  <rect x="424.75" y="152.75" width="299" height="28.5" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(433,160.4) scale(0.55)" stroke="#2F7D32" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <path d="M9 17H7a5 5 0 0 1 0-10h2"></path>
+    <path d="M15 7h2a5 5 0 0 1 0 10h-2"></path>
+    <line x1="8" y1="12" x2="16" y2="12"></line>
+  </g>
+  <text x="452" y="167" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Link selector (categories)</text>
+
+  
+  <rect x="448.75" y="195.25" width="275" height="28.5" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(457,204.4) scale(0.55)" stroke="#2F7D32" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <path d="M20 12a8 8 0 1 1-2.34-5.66"></path>
+    <path d="M20 4v5h-5"></path>
+  </g>
+  <text x="476" y="210" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Pagination selector</text>
+  <rect x="625.75" y="200.5" width="56" height="18" rx="5" fill="#FFFFFF" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <text x="653.75" y="209.5" font-size="8" font-weight="600" letter-spacing="0.02em" text-anchor="middle" dominant-baseline="central" fill="#2F7D32">RECURSIVE</text>
+
+  
+  <path d="M436 181.25 L436 210 L448.75 210" fill="none" stroke="#7FC08A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+  <path d="M460 223.75 L460 252 L472.75 252" fill="none" stroke="#7FC08A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+  <rect x="472.75" y="237.75" width="251" height="28.5" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(481,245.4) scale(0.55)" stroke="#2F7D32" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <rect x="3" y="3" width="14" height="14" rx="3"></rect>
+    <rect x="7" y="7" width="14" height="14" rx="3"></rect>
+  </g>
+  <text x="500" y="252" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Element selector</text>
+
+  <path d="M488 266.25 L488 294.5 L496.75 294.5" fill="none" stroke="#7FC08A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+  <rect x="496.75" y="280.25" width="227" height="28.5" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(505,287.5) scale(0.58)" stroke="#2F7D32" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <rect x="3" y="3" width="18" height="18" rx="3"></rect>
+    <line x1="3" y1="9" x2="21" y2="9"></line>
+  </g>
+  <text x="523" y="294.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Selectors for data extraction</text>
+
+  
+
+  <g stroke="#087F8C" stroke-width="1.5" stroke-linecap="round" marker-end="url(#arrow)">
+    <line x1="408" y1="72" x2="345" y2="60"></line>
+    <line x1="424" y1="167" x2="272" y2="113"></line>
+    <line x1="236" y1="129" x2="236" y2="163"></line>
+    <line x1="448" y1="210" x2="334" y2="236"></line>
+    <line x1="472" y1="252" x2="363" y2="279"></line>
+    <line x1="496" y1="294" x2="355" y2="307"></line>
+    <line x1="496" y1="294" x2="355" y2="363"></line>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/docs/images/selectors/sitemap-xml/sitemap-xml-link-selector.png b/docs/images/selectors/sitemap-xml/sitemap-xml-link-selector.png
deleted file mode 100644
index e7a5614..0000000
Binary files a/docs/images/selectors/sitemap-xml/sitemap-xml-link-selector.png and /dev/null differ
diff --git a/docs/images/selectors/sitemap-xml/sitemap-xml-link-selector.svg b/docs/images/selectors/sitemap-xml/sitemap-xml-link-selector.svg
new file mode 100644
index 0000000..0cb881c
--- /dev/null
+++ b/docs/images/selectors/sitemap-xml/sitemap-xml-link-selector.svg
@@ -0,0 +1,101 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 772 390" width="772" height="390" fill="none" font-family="Inter, ui-sans-serif, system-ui, -apple-system, &#39;Segoe UI&#39;, Roboto, Arial, sans-serif">
+  
+  <defs>
+    <marker id="arrow" markerWidth="8" markerHeight="8" refX="5.2" refY="3" orient="auto-start-reverse">
+      <path d="M0.75 0.5 L6 3 L0.75 5.5" fill="none" stroke="#087F8C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+    </marker>
+  </defs>
+
+  
+  <rect x="8.75" y="8.75" width="754.5" height="372" rx="16" fill="#F8FAFC" stroke="#ECEFF3" stroke-width="1.5"></rect>
+
+  
+  <rect x="24.75" y="40.75" width="330.5" height="96.5" rx="12" fill="#FFFFFF" stroke="#B8C6D8" stroke-width="1.5"></rect>
+  <path d="M24.75 52 A11.25 11.25 0 0 1 36 40.75 L344 40.75 A11.25 11.25 0 0 1 355.25 52 L355.25 80 L24.75 80 Z" fill="#F1F5F9"></path>
+  <line x1="24.75" y1="80" x2="355.25" y2="80" stroke="#B8C6D8" stroke-width="1.5"></line>
+  <circle cx="48" cy="60" r="5" fill="#FF5F57"></circle>
+  <circle cx="68" cy="60" r="5" fill="#FEBC2E"></circle>
+  <circle cx="88" cy="60" r="5" fill="#28C840"></circle>
+
+  <rect x="112.75" y="48.75" width="230.5" height="22.5" rx="8" fill="#FFFFFF" stroke="#C9D3E0" stroke-width="1.5"></rect>
+  <g stroke="#64748B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="124.75" y="57.75" width="9" height="7" rx="2"></rect>
+    <path d="M126.75 57.75 v-2 a2.75 2.75 0 0 1 5.5 0 v2"></path>
+  </g>
+  <text x="144" y="60" font-size="13.5" dominant-baseline="central" fill="#64748B">http://<tspan fill="#0F172A">e-commerce.com</tspan>/</text>
+
+  <rect x="45.75" y="95.75" width="288.5" height="34" rx="8" fill="#E8F3F4" stroke="#087F8C" stroke-width="1.5"></rect>
+  <g transform="translate(64,107) scale(0.6)" stroke="#087F8C" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <path d="M9 17H7a5 5 0 0 1 0-10h2"></path>
+    <path d="M15 7h2a5 5 0 0 1 0 10h-2"></path>
+    <line x1="8" y1="12" x2="16" y2="12"></line>
+  </g>
+  <text x="82" y="114" font-size="13" font-style="italic" font-weight="500" dominant-baseline="central" fill="#087F8C">http://e-commerce.com/sitemap.xml</text>
+
+  
+  <rect x="24.75" y="164.75" width="330.5" height="200" rx="12" fill="#F3F8FA" stroke="#B8CBD2" stroke-width="1.5"></rect>
+  <path d="M24.75 176 A11.25 11.25 0 0 1 36 164.75 L344 164.75 A11.25 11.25 0 0 1 355.25 176 L355.25 196.75 L24.75 196.75 Z" fill="#EAF2F4"></path>
+  <line x1="24.75" y1="196.75" x2="355.25" y2="196.75" stroke="#B8CBD2" stroke-width="1.5"></line>
+  <circle cx="40" cy="180.75" r="2.5" fill="#FF5F57"></circle>
+  <circle cx="49" cy="180.75" r="2.5" fill="#FEBC2E"></circle>
+  <circle cx="58" cy="180.75" r="2.5" fill="#28C840"></circle>
+  <text x="190" y="181" font-size="13.5" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">Item</text>
+
+  <rect x="40.75" y="208.75" width="298.5" height="32" rx="8" fill="#EAF2F4" stroke="#B8CBD2" stroke-width="1.5"></rect>
+  <text x="190" y="225" font-size="13" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">Title</text>
+  <rect x="40.75" y="252.75" width="298.5" height="28" rx="8" fill="#EAF2F4" stroke="#B8CBD2" stroke-width="1.5"></rect>
+  <text x="190" y="267" font-size="13" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">Price</text>
+  <rect x="40.75" y="292.75" width="298.5" height="60" rx="8" fill="#EAF2F4" stroke="#B8CBD2" stroke-width="1.5"></rect>
+  <text x="190" y="323" font-size="13" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">Description</text>
+
+  
+  <rect x="392.75" y="24.75" width="354.5" height="273.5" rx="12" fill="#FFFFFF" stroke="#B8C6D8" stroke-width="1.5"></rect>
+  <text x="408" y="48" font-size="14" font-weight="600" fill="#0F172A">Sitemap</text>
+
+  <rect x="408.75" y="64.75" width="261" height="28.5" rx="8" fill="#087F8C"></rect>
+  <text x="420" y="79.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#FFFFFF">Start URL</text>
+
+  <rect x="408.75" y="112.75" width="321" height="169.5" rx="12" fill="#F8FAFC" stroke="#B8CBD2" stroke-width="1.5" stroke-dasharray="5 4"></rect>
+  <text x="424" y="136" font-size="13" font-weight="500" fill="#475569">Selectors</text>
+
+  
+  <rect x="424.75" y="152.75" width="253" height="28.5" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(435,160) scale(0.55)" stroke="#2F7D32" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <path d="M9 17H7a5 5 0 0 1 0-10h2"></path>
+    <path d="M15 7h2a5 5 0 0 1 0 10h-2"></path>
+    <line x1="8" y1="12" x2="16" y2="12"></line>
+  </g>
+  <text x="458" y="167" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Sitemap.xml link selector</text>
+
+  
+  <path d="M433 181.25 L433 209.5 L442.75 209.5" fill="none" stroke="#7FC08A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+
+  
+  <rect x="442.75" y="195.25" width="253" height="28.5" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(453,203) scale(0.58)" stroke="#2F7D32" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <rect x="3" y="3" width="18" height="18" rx="3"></rect>
+    <line x1="3" y1="9" x2="21" y2="9"></line>
+  </g>
+  <text x="478" y="209.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Element selector</text>
+
+  
+  <path d="M451 223.75 L451 252 L460.75 252" fill="none" stroke="#7FC08A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+
+  
+  <rect x="460.75" y="237.75" width="253" height="28.5" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(470,245) scale(0.58)" stroke="#2F7D32" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <rect x="3" y="3" width="18" height="18" rx="3"></rect>
+    <line x1="3" y1="9" x2="21" y2="9"></line>
+  </g>
+  <text x="494" y="252" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Selectors for data extraction</text>
+
+  
+  <g stroke="#087F8C" stroke-width="1.5" stroke-linecap="round" marker-end="url(#arrow)">
+    <line x1="408" y1="72" x2="345" y2="60"></line>
+    <line x1="424" y1="167" x2="334" y2="113"></line>
+    <line x1="442" y1="209" x2="355" y2="180"></line>
+    <line x1="460" y1="252" x2="340" y2="225"></line>
+    <line x1="460" y1="252" x2="340" y2="267"></line>
+    <line x1="460" y1="252" x2="340" y2="323"></line>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/docs/images/selectors/table/selectors.png b/docs/images/selectors/table/selectors.png
deleted file mode 100644
index c305bfd..0000000
Binary files a/docs/images/selectors/table/selectors.png and /dev/null differ
diff --git a/docs/images/selectors/table/selectors.svg b/docs/images/selectors/table/selectors.svg
new file mode 100644
index 0000000..add94f2
--- /dev/null
+++ b/docs/images/selectors/table/selectors.svg
@@ -0,0 +1,98 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 712 282" width="712" height="282" fill="none" font-family="Inter, ui-sans-serif, system-ui, -apple-system, &#39;Segoe UI&#39;, Roboto, Arial, sans-serif">
+  
+  <defs>
+    <marker id="arrow" markerWidth="8" markerHeight="8" refX="5.2" refY="3" orient="auto-start-reverse">
+      <path d="M0.75 0.5 L6 3 L0.75 5.5" fill="none" stroke="#087F8C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+    </marker>
+  </defs>
+
+  
+  <rect x="8.75" y="8.75" width="694.5" height="264.5" rx="16" fill="#F8FAFC" stroke="#ECEFF3" stroke-width="1.5"></rect>
+
+  
+  <rect x="12.75" y="44.75" width="474" height="192" rx="12" fill="none" stroke="#7FC08A" stroke-width="1.5" stroke-dasharray="5 4"></rect>
+  <rect x="20.75" y="52.75" width="458" height="44" rx="10" fill="none" stroke="#7FC08A" stroke-width="2.5"></rect>
+  <rect x="20.75" y="96.75" width="458" height="132" rx="10" fill="none" stroke="#7FC08A" stroke-width="1.5"></rect>
+
+  
+  <rect x="24.75" y="56.75" width="450" height="36" rx="8" fill="#F1F5F9" stroke="#B8C6D8" stroke-width="1.5"></rect>
+  <g stroke="#CBD8E4" stroke-width="1.5">
+    <line x1="69.75" y1="56.75" x2="69.75" y2="92.75"></line>
+    <line x1="204.75" y1="56.75" x2="204.75" y2="92.75"></line>
+    <line x1="339.75" y1="56.75" x2="339.75" y2="92.75"></line>
+  </g>
+  <text x="47.25" y="74.75" font-size="13" font-weight="600" text-anchor="middle" dominant-baseline="central" fill="#0F172A">#</text>
+  <text x="81.75" y="74.75" font-size="13" font-weight="600" dominant-baseline="central" fill="#0F172A">First Name</text>
+  <text x="216.75" y="74.75" font-size="13" font-weight="600" dominant-baseline="central" fill="#0F172A">Last Name</text>
+  <text x="351.75" y="74.75" font-size="13" font-weight="600" dominant-baseline="central" fill="#0F172A">Username</text>
+
+  
+  <rect x="24.75" y="100.75" width="450" height="36" rx="8" fill="#FFFFFF" stroke="#ECEFF3" stroke-width="1.5"></rect>
+  <g stroke="#ECEFF3" stroke-width="1.5">
+    <line x1="69.75" y1="100.75" x2="69.75" y2="136.75"></line>
+    <line x1="204.75" y1="100.75" x2="204.75" y2="136.75"></line>
+    <line x1="339.75" y1="100.75" x2="339.75" y2="136.75"></line>
+  </g>
+  <text x="47.25" y="118.75" font-size="13" text-anchor="middle" dominant-baseline="central" fill="#0F172A">1</text>
+  <text x="81.75" y="118.75" font-size="13" dominant-baseline="central" fill="#0F172A">Mark</text>
+  <text x="216.75" y="118.75" font-size="13" dominant-baseline="central" fill="#0F172A">Otto</text>
+  <text x="351.75" y="118.75" font-size="13" dominant-baseline="central" fill="#64748B">@motto</text>
+
+  <rect x="24.75" y="144.75" width="450" height="36" rx="8" fill="#FFFFFF" stroke="#ECEFF3" stroke-width="1.5"></rect>
+  <g stroke="#ECEFF3" stroke-width="1.5">
+    <line x1="69.75" y1="144.75" x2="69.75" y2="180.75"></line>
+    <line x1="204.75" y1="144.75" x2="204.75" y2="180.75"></line>
+    <line x1="339.75" y1="144.75" x2="339.75" y2="180.75"></line>
+  </g>
+  <text x="47.25" y="162.75" font-size="13" text-anchor="middle" dominant-baseline="central" fill="#0F172A">2</text>
+  <text x="81.75" y="162.75" font-size="13" dominant-baseline="central" fill="#0F172A">Jacob</text>
+  <text x="216.75" y="162.75" font-size="13" dominant-baseline="central" fill="#0F172A">Thornton</text>
+  <text x="351.75" y="162.75" font-size="13" dominant-baseline="central" fill="#64748B">@jthornton</text>
+
+  <rect x="24.75" y="188.75" width="450" height="36" rx="8" fill="#FFFFFF" stroke="#ECEFF3" stroke-width="1.5"></rect>
+  <g stroke="#ECEFF3" stroke-width="1.5">
+    <line x1="69.75" y1="188.75" x2="69.75" y2="224.75"></line>
+    <line x1="204.75" y1="188.75" x2="204.75" y2="224.75"></line>
+    <line x1="339.75" y1="188.75" x2="339.75" y2="224.75"></line>
+  </g>
+  <text x="47.25" y="206.75" font-size="13" text-anchor="middle" dominant-baseline="central" fill="#0F172A">3</text>
+  <text x="81.75" y="206.75" font-size="13" dominant-baseline="central" fill="#0F172A">Larry</text>
+  <text x="216.75" y="206.75" font-size="13" dominant-baseline="central" fill="#0F172A">the Bird</text>
+  <text x="351.75" y="206.75" font-size="13" dominant-baseline="central" fill="#64748B">@lbird</text>
+
+  
+  <rect x="520.75" y="40.75" width="166.5" height="216" rx="12" fill="#FFFFFF" stroke="#B8C6D8" stroke-width="1.5"></rect>
+  <text x="536" y="64" font-size="14" font-weight="600" fill="#0F172A">Table selector</text>
+
+  <rect x="536.75" y="80.75" width="134.5" height="32" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5" stroke-dasharray="5 4"></rect>
+  <g transform="translate(546,89) scale(0.58)" stroke="#2F7D32" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <rect x="3" y="3" width="18" height="18" rx="3"></rect>
+    <line x1="3" y1="9" x2="21" y2="9"></line>
+  </g>
+  <text x="564" y="97" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Selector</text>
+
+  <rect x="536.75" y="128.75" width="134.5" height="44" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(546,141) scale(0.58)" stroke="#2F7D32" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <rect x="3" y="3" width="18" height="18" rx="3"></rect>
+    <line x1="3" y1="9" x2="21" y2="9"></line>
+  </g>
+  <text x="564" y="146.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Header row</text>
+  <text x="564" y="163.75" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">selector</text>
+
+  <rect x="536.75" y="188.75" width="134.5" height="44" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(546,201) scale(0.58)" stroke="#2F7D32" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <rect x="3" y="3" width="18" height="18" rx="3"></rect>
+    <line x1="3" y1="9" x2="21" y2="9"></line>
+  </g>
+  <text x="564" y="206.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Data rows</text>
+  <text x="564" y="223.75" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">selector</text>
+
+  
+  <g stroke="#087F8C" stroke-width="1.5" stroke-linecap="round" marker-end="url(#arrow)">
+    <line x1="536" y1="97" x2="485" y2="45"></line>
+    <line x1="536" y1="151" x2="479" y2="75"></line>
+    <line x1="536" y1="211" x2="479" y2="119"></line>
+    <line x1="536" y1="211" x2="479" y2="163"></line>
+    <line x1="536" y1="211" x2="479" y2="207"></line>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/docs/images/selectors/text/text-selector-multiple-elements-with-text-selectors.png b/docs/images/selectors/text/text-selector-multiple-elements-with-text-selectors.png
deleted file mode 100644
index 8e284c1..0000000
Binary files a/docs/images/selectors/text/text-selector-multiple-elements-with-text-selectors.png and /dev/null differ
diff --git a/docs/images/selectors/text/text-selector-multiple-elements-with-text-selectors.svg b/docs/images/selectors/text/text-selector-multiple-elements-with-text-selectors.svg
new file mode 100644
index 0000000..ce41037
--- /dev/null
+++ b/docs/images/selectors/text/text-selector-multiple-elements-with-text-selectors.svg
@@ -0,0 +1,112 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 712 452" width="712" height="452" fill="none" font-family="Inter, ui-sans-serif, system-ui, -apple-system, &#39;Segoe UI&#39;, Roboto, Arial, sans-serif">
+  
+  <defs>
+    <marker id="arrow" markerWidth="8" markerHeight="8" refX="5.2" refY="3" orient="auto-start-reverse">
+      <path d="M0.75 0.5 L6 3 L0.75 5.5" fill="none" stroke="#087F8C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+    </marker>
+    <symbol id="link-chip" viewBox="0 0 68 26">
+      <rect x="0.75" y="0.75" width="66.5" height="24.5" rx="5" fill="#E8F3F4" stroke="#087F8C" stroke-width="1.5"></rect>
+      <text x="34" y="13" font-size="12.5" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#087F8C">Link</text>
+    </symbol>
+    
+    <symbol id="product-group" viewBox="0 0 330 74" overflow="visible">
+      <rect x="0.75" y="0.75" width="328.5" height="72.5" rx="12" fill="#F3F8FA" stroke="#7FC08A" stroke-width="1.5"></rect>
+      <rect x="14.75" y="12.75" width="80" height="48" rx="8" fill="#EAF2F4" stroke="#B8CBD2" stroke-width="1.5"></rect>
+      <text x="55" y="37" font-size="12.5" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">Image</text>
+      <rect x="106.75" y="12.75" width="208" height="21" rx="6" fill="#EAF2F4" stroke="#B8CBD2" stroke-width="1.5"></rect>
+      <text x="210" y="24" font-size="12.5" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">Title</text>
+      <rect x="106.75" y="39.75" width="208" height="21" rx="6" fill="#EAF2F4" stroke="#B8CBD2" stroke-width="1.5"></rect>
+      <text x="210" y="51" font-size="12.5" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">Price</text>
+    </symbol>
+  </defs>
+
+  
+  <rect x="8.75" y="8.75" width="694.5" height="434.5" rx="16" fill="#F8FAFC" stroke="#ECEFF3" stroke-width="1.5"></rect>
+
+  
+  <rect x="24.75" y="40.75" width="330.5" height="96.5" rx="12" fill="#FFFFFF" stroke="#B8C6D8" stroke-width="1.5"></rect>
+  <path d="M24.75 52 A11.25 11.25 0 0 1 36 40.75 L344 40.75 A11.25 11.25 0 0 1 355.25 52 L355.25 80 L24.75 80 Z" fill="#F1F5F9"></path>
+  <line x1="24.75" y1="80" x2="355.25" y2="80" stroke="#B8C6D8" stroke-width="1.5"></line>
+  <circle cx="48" cy="60" r="5" fill="#FF5F57"></circle>
+  <circle cx="68" cy="60" r="5" fill="#FEBC2E"></circle>
+  <circle cx="88" cy="60" r="5" fill="#28C840"></circle>
+
+  <rect x="112.75" y="48.75" width="230.5" height="22.5" rx="8" fill="#FFFFFF" stroke="#C9D3E0" stroke-width="1.5"></rect>
+  <g stroke="#64748B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="124.75" y="57.75" width="9" height="7" rx="2"></rect>
+    <path d="M126.75 57.75 v-2 a2.75 2.75 0 0 1 5.5 0 v2"></path>
+  </g>
+  <text x="144" y="60" font-size="14" dominant-baseline="central" fill="#64748B">http://<tspan fill="#0F172A">example-news.com</tspan>/</text>
+
+  <use href="#link-chip" x="110" y="100" width="68" height="26"></use>
+  <use href="#link-chip" x="202" y="100" width="68" height="26"></use>
+
+  
+  <use href="#product-group" x="24" y="164" width="330" height="74"></use>
+  <use href="#product-group" x="24" y="254" width="330" height="74"></use>
+  <use href="#product-group" x="24" y="344" width="330" height="74"></use>
+
+  
+  <rect x="392.75" y="24.75" width="294.5" height="316.5" rx="12" fill="#FFFFFF" stroke="#B8C6D8" stroke-width="1.5"></rect>
+  <text x="408" y="48" font-size="14" font-weight="600" fill="#0F172A">Sitemap</text>
+
+  
+  <rect x="408.75" y="64.75" width="261" height="28.5" rx="8" fill="#087F8C"></rect>
+  <text x="420" y="79.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#FFFFFF">Start URL</text>
+
+  
+  <rect x="408.75" y="112.75" width="261" height="212.5" rx="12" fill="#F8FAFC" stroke="#B8CBD2" stroke-width="1.5" stroke-dasharray="5 4"></rect>
+  <text x="424" y="136" font-size="13" font-weight="500" fill="#475569">Selectors</text>
+
+  
+  <rect x="424.75" y="152.75" width="229" height="28.5" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(433,160) scale(0.6)" stroke="#2F7D32" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <path d="M9 17H7a5 5 0 0 1 0-10h2"></path>
+    <path d="M15 7h2a5 5 0 0 1 0 10h-2"></path>
+    <line x1="8" y1="12" x2="16" y2="12"></line>
+  </g>
+  <text x="458" y="167.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Link selector</text>
+
+  
+  <rect x="442.75" y="200.75" width="211" height="28.5" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(453,208.5) scale(0.62)" stroke="#2F7D32" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <rect x="3" y="3" width="18" height="18" rx="3"></rect>
+    <line x1="3" y1="9" x2="21" y2="9"></line>
+  </g>
+  <text x="478" y="215.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Element selector</text>
+
+  
+  <g fill="none" stroke="#7FC08A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M436 181 L436 215 L442 215"></path>
+    <path d="M452 229 L452 295"></path>
+    <path d="M452 259 L460 259"></path>
+    <path d="M452 295 L460 295"></path>
+  </g>
+
+  
+  <rect x="460.75" y="244.75" width="193" height="28.5" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(469,259)" stroke="#2F7D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <line x1="-5" y1="-6" x2="5" y2="-6"></line>
+    <line x1="0" y1="-6" x2="0" y2="6"></line>
+  </g>
+  <text x="487" y="259.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Text selector</text>
+
+  <rect x="460.75" y="280.75" width="193" height="28.5" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(469,295)" stroke="#2F7D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <line x1="-5" y1="-6" x2="5" y2="-6"></line>
+    <line x1="0" y1="-6" x2="0" y2="6"></line>
+  </g>
+  <text x="487" y="295.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Text selector</text>
+
+  
+  <g stroke="#087F8C" stroke-width="1.5" stroke-linecap="round" marker-end="url(#arrow)">
+    <line x1="408" y1="72" x2="345" y2="60"></line>
+    <line x1="424" y1="167" x2="272" y2="115"></line>
+    <line x1="442" y1="215" x2="356" y2="192"></line>
+    <line x1="442" y1="215" x2="356" y2="282"></line>
+    <line x1="442" y1="215" x2="345" y2="343"></line>
+    <line x1="460" y1="259" x2="340" y2="357"></line>
+    <line x1="460" y1="295" x2="340" y2="385"></line>
+    <line x1="236" y1="129" x2="236" y2="163"></line>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/docs/images/selectors/text/text-selector-multiple-per-page.png b/docs/images/selectors/text/text-selector-multiple-per-page.png
deleted file mode 100644
index eb68ed4..0000000
Binary files a/docs/images/selectors/text/text-selector-multiple-per-page.png and /dev/null differ
diff --git a/docs/images/selectors/text/text-selector-multiple-per-page.svg b/docs/images/selectors/text/text-selector-multiple-per-page.svg
new file mode 100644
index 0000000..c9e55c4
--- /dev/null
+++ b/docs/images/selectors/text/text-selector-multiple-per-page.svg
@@ -0,0 +1,88 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 712 336" width="712" height="336" fill="none" font-family="Inter, ui-sans-serif, system-ui, -apple-system, &#39;Segoe UI&#39;, Roboto, Arial, sans-serif">
+  
+  <defs>
+    <marker id="arrow" markerWidth="8" markerHeight="8" refX="5.2" refY="3" orient="auto-start-reverse">
+      <path d="M0.75 0.5 L6 3 L0.75 5.5" fill="none" stroke="#087F8C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+    </marker>
+    <symbol id="link-chip" viewBox="0 0 68 26">
+      <rect x="0.75" y="0.75" width="66.5" height="24.5" rx="5" fill="#E8F3F4" stroke="#087F8C" stroke-width="1.5"></rect>
+      <text x="34" y="13" font-size="12.5" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#087F8C">Link</text>
+    </symbol>
+  </defs>
+
+  
+  <rect x="8.75" y="8.75" width="694.5" height="318.5" rx="16" fill="#F8FAFC" stroke="#ECEFF3" stroke-width="1.5"></rect>
+
+  
+  <rect x="24.75" y="40.75" width="330.5" height="96.5" rx="12" fill="#FFFFFF" stroke="#B8C6D8" stroke-width="1.5"></rect>
+  <path d="M24.75 52 A11.25 11.25 0 0 1 36 40.75 L344 40.75 A11.25 11.25 0 0 1 355.25 52 L355.25 80 L24.75 80 Z" fill="#F1F5F9"></path>
+  <line x1="24.75" y1="80" x2="355.25" y2="80" stroke="#B8C6D8" stroke-width="1.5"></line>
+  <circle cx="48" cy="60" r="5" fill="#FF5F57"></circle>
+  <circle cx="68" cy="60" r="5" fill="#FEBC2E"></circle>
+  <circle cx="88" cy="60" r="5" fill="#28C840"></circle>
+
+  <rect x="112.75" y="48.75" width="230.5" height="22.5" rx="8" fill="#FFFFFF" stroke="#C9D3E0" stroke-width="1.5"></rect>
+  <g stroke="#64748B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="124.75" y="57.75" width="9" height="7" rx="2"></rect>
+    <path d="M126.75 57.75 v-2 a2.75 2.75 0 0 1 5.5 0 v2"></path>
+  </g>
+  <text x="144" y="60" font-size="14" dominant-baseline="central" fill="#64748B">http://<tspan fill="#0F172A">example-news.com</tspan>/</text>
+
+  <use href="#link-chip" x="110" y="100" width="68" height="26"></use>
+  <use href="#link-chip" x="202" y="100" width="68" height="26"></use>
+
+  
+  <rect x="24.75" y="164.75" width="330.5" height="156" rx="12" fill="#F3F8FA" stroke="#B8CBD2" stroke-width="1.5"></rect>
+  <path d="M24.75 176 A11.25 11.25 0 0 1 36 164.75 L344 164.75 A11.25 11.25 0 0 1 355.25 176 L355.25 188.75 L24.75 188.75 Z" fill="#EAF2F4"></path>
+  <line x1="24.75" y1="188.75" x2="355.25" y2="188.75" stroke="#B8CBD2" stroke-width="1.5"></line>
+  <circle cx="40" cy="176.5" r="2.5" fill="#FF5F57"></circle>
+  <circle cx="49" cy="176.5" r="2.5" fill="#FEBC2E"></circle>
+  <circle cx="58" cy="176.5" r="2.5" fill="#28C840"></circle>
+
+  <rect x="40.75" y="200.75" width="298.5" height="28" rx="8" fill="#EAF2F4" stroke="#B8CBD2" stroke-width="1.5"></rect>
+  <text x="190" y="214.75" font-size="13" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">Comment</text>
+  <rect x="40.75" y="240.75" width="298.5" height="28" rx="8" fill="#EAF2F4" stroke="#B8CBD2" stroke-width="1.5"></rect>
+  <text x="190" y="254.75" font-size="13" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">Comment</text>
+  <rect x="40.75" y="280.75" width="298.5" height="28" rx="8" fill="#EAF2F4" stroke="#B8CBD2" stroke-width="1.5"></rect>
+  <text x="190" y="294.75" font-size="13" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">Comment</text>
+
+  
+  <rect x="392.75" y="24.75" width="294.5" height="236" rx="12" fill="#FFFFFF" stroke="#B8C6D8" stroke-width="1.5"></rect>
+  <text x="408" y="48" font-size="14" font-weight="600" fill="#0F172A">Sitemap</text>
+
+  <rect x="408.75" y="64.75" width="261" height="28.5" rx="8" fill="#087F8C"></rect>
+  <text x="420" y="79.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#FFFFFF">Start URL</text>
+
+  <rect x="408.75" y="112.75" width="261" height="132" rx="12" fill="#F8FAFC" stroke="#B8CBD2" stroke-width="1.5" stroke-dasharray="5 4"></rect>
+  <text x="424" y="136" font-size="13" font-weight="500" fill="#475569">Selectors</text>
+
+  
+  <rect x="424.75" y="152.75" width="229" height="28.5" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(433,160) scale(0.6)" stroke="#2F7D32" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <path d="M9 17H7a5 5 0 0 1 0-10h2"></path>
+    <path d="M15 7h2a5 5 0 0 1 0 10h-2"></path>
+    <line x1="8" y1="12" x2="16" y2="12"></line>
+  </g>
+  <text x="458" y="167.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Link selector</text>
+
+  
+  <path d="M436 181 L436 215 L442 215" fill="none" stroke="#7FC08A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+
+  
+  <rect x="442.75" y="200.75" width="211" height="28.5" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(459,215)" stroke="#2F7D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <line x1="-5" y1="-5" x2="5" y2="-5"></line>
+    <line x1="0" y1="-5" x2="0" y2="5"></line>
+  </g>
+  <text x="477" y="215.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Text selector</text>
+
+  
+  <g stroke="#087F8C" stroke-width="1.5" stroke-linecap="round" marker-end="url(#arrow)">
+    <line x1="408" y1="72" x2="345" y2="60"></line>
+    <line x1="424" y1="167" x2="272" y2="115"></line>
+    <line x1="236" y1="129" x2="236" y2="163"></line>
+    <line x1="442" y1="215" x2="341" y2="215"></line>
+    <line x1="442" y1="215" x2="341" y2="255"></line>
+    <line x1="442" y1="215" x2="341" y2="295"></line>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/docs/images/selectors/text/text-selector-multiple-single-text-selectors-in-one-page.png b/docs/images/selectors/text/text-selector-multiple-single-text-selectors-in-one-page.png
deleted file mode 100644
index a7690ec..0000000
Binary files a/docs/images/selectors/text/text-selector-multiple-single-text-selectors-in-one-page.png and /dev/null differ
diff --git a/docs/images/selectors/text/text-selector-multiple-single-text-selectors-in-one-page.svg b/docs/images/selectors/text/text-selector-multiple-single-text-selectors-in-one-page.svg
new file mode 100644
index 0000000..15451d1
--- /dev/null
+++ b/docs/images/selectors/text/text-selector-multiple-single-text-selectors-in-one-page.svg
@@ -0,0 +1,103 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 712 392" width="712" height="392" fill="none" font-family="Inter, ui-sans-serif, system-ui, -apple-system, &#39;Segoe UI&#39;, Roboto, Arial, sans-serif">
+  
+  <defs>
+    <marker id="arrow" markerWidth="8" markerHeight="8" refX="5.2" refY="3" orient="auto-start-reverse">
+      <path d="M0.75 0.5 L6 3 L0.75 5.5" fill="none" stroke="#087F8C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+    </marker>
+    <symbol id="link-chip" viewBox="0 0 68 26">
+      <rect x="0.75" y="0.75" width="66.5" height="24.5" rx="5" fill="#E8F3F4" stroke="#087F8C" stroke-width="1.5"></rect>
+      <text x="34" y="13" font-size="12.5" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#087F8C">Link</text>
+    </symbol>
+  </defs>
+
+  
+  <rect x="8.75" y="8.75" width="694.5" height="374.5" rx="16" fill="#F8FAFC" stroke="#ECEFF3" stroke-width="1.5"></rect>
+
+  
+  <rect x="24.75" y="40.75" width="330.5" height="100.5" rx="12" fill="#FFFFFF" stroke="#B8C6D8" stroke-width="1.5"></rect>
+  <path d="M24.75 52 A11.25 11.25 0 0 1 36 40.75 L344 40.75 A11.25 11.25 0 0 1 355.25 52 L355.25 80 L24.75 80 Z" fill="#F1F5F9"></path>
+  <line x1="24.75" y1="80" x2="355.25" y2="80" stroke="#B8C6D8" stroke-width="1.5"></line>
+  <circle cx="48" cy="60" r="5" fill="#FF5F57"></circle>
+  <circle cx="68" cy="60" r="5" fill="#FEBC2E"></circle>
+  <circle cx="88" cy="60" r="5" fill="#28C840"></circle>
+
+  <rect x="112.75" y="48.75" width="230.5" height="22.5" rx="8" fill="#FFFFFF" stroke="#C9D3E0" stroke-width="1.5"></rect>
+  <g stroke="#64748B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="124.75" y="57.75" width="9" height="7" rx="2"></rect>
+    <path d="M126.75 57.75 v-2 a2.75 2.75 0 0 1 5.5 0 v2"></path>
+  </g>
+  <text x="144" y="60" font-size="14" dominant-baseline="central" fill="#64748B">http://<tspan fill="#0F172A">example-news.com</tspan>/</text>
+
+  <use href="#link-chip" x="110" y="104" width="68" height="26"></use>
+  <use href="#link-chip" x="202" y="104" width="68" height="26"></use>
+
+  
+  <rect x="24.75" y="164.75" width="330.5" height="200.5" rx="12" fill="#F3F8FA" stroke="#B8CBD2" stroke-width="1.5"></rect>
+  <path d="M24.75 176 A11.25 11.25 0 0 1 36 164.75 L344 164.75 A11.25 11.25 0 0 1 355.25 176 L355.25 188 L24.75 188 Z" fill="#EAF2F4"></path>
+  <line x1="24.75" y1="188" x2="355.25" y2="188" stroke="#B8CBD2" stroke-width="1.5"></line>
+  <circle cx="40" cy="176.5" r="2.5" fill="#FF5F57"></circle>
+  <circle cx="49" cy="176.5" r="2.5" fill="#FEBC2E"></circle>
+  <circle cx="58" cy="176.5" r="2.5" fill="#28C840"></circle>
+
+  <rect x="40.75" y="204.75" width="298.5" height="32" rx="8" fill="#EAF2F4" stroke="#B8CBD2" stroke-width="1.5"></rect>
+  <text x="190" y="221" font-size="13" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">Title</text>
+
+  <rect x="40.75" y="248.75" width="141" height="28" rx="8" fill="#EAF2F4" stroke="#B8CBD2" stroke-width="1.5"></rect>
+  <text x="111" y="263" font-size="13" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">Author</text>
+  <rect x="198.75" y="248.75" width="140.5" height="28" rx="8" fill="#EAF2F4" stroke="#B8CBD2" stroke-width="1.5"></rect>
+  <text x="269" y="263" font-size="13" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">Date</text>
+
+  <rect x="40.75" y="288.75" width="298.5" height="60" rx="8" fill="#EAF2F4" stroke="#B8CBD2" stroke-width="1.5"></rect>
+  <text x="190" y="319" font-size="13" font-weight="500" text-anchor="middle" dominant-baseline="central" fill="#475569">Article</text>
+
+  
+  <rect x="392.75" y="24.75" width="294.5" height="340.5" rx="12" fill="#FFFFFF" stroke="#B8C6D8" stroke-width="1.5"></rect>
+  <text x="408" y="48" font-size="14" font-weight="600" fill="#0F172A">Sitemap</text>
+
+  
+  <rect x="408.75" y="64.75" width="261" height="28.5" rx="8" fill="#087F8C"></rect>
+  <text x="420" y="79.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#FFFFFF">Start URL</text>
+
+  
+  <rect x="408.75" y="112.75" width="261" height="240.5" rx="12" fill="#F8FAFC" stroke="#B8CBD2" stroke-width="1.5" stroke-dasharray="5 4"></rect>
+  <text x="424" y="136" font-size="13" font-weight="500" fill="#475569">Selectors</text>
+
+  
+  <rect x="424.75" y="160.75" width="229" height="28.5" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(433,168) scale(0.6)" stroke="#2F7D32" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <path d="M9 17H7a5 5 0 0 1 0-10h2"></path>
+    <path d="M15 7h2a5 5 0 0 1 0 10h-2"></path>
+    <line x1="8" y1="12" x2="16" y2="12"></line>
+  </g>
+  <text x="458" y="175.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Link selector</text>
+
+  
+  <g fill="none" stroke="#7FC08A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M436 189 L436 267 M436 223 L449 223"></path>
+    <path d="M436 267 L449 267"></path>
+  </g>
+
+  
+  <rect x="448.75" y="208.75" width="204" height="28.5" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(463,223)" stroke="#2F7D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <line x1="-5" y1="-5" x2="5" y2="-5"></line>
+    <line x1="0" y1="-5" x2="0" y2="5"></line>
+  </g>
+  <text x="481" y="223.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Text selector</text>
+
+  <rect x="448.75" y="252.75" width="204" height="28.5" rx="8" fill="#E9F6EC" stroke="#7FC08A" stroke-width="1.5"></rect>
+  <g transform="translate(463,267)" stroke="#2F7D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <line x1="-5" y1="-5" x2="5" y2="-5"></line>
+    <line x1="0" y1="-5" x2="0" y2="5"></line>
+  </g>
+  <text x="481" y="267.5" font-size="13" font-weight="500" dominant-baseline="central" fill="#2F7D32">Text selector</text>
+
+  
+  <g stroke="#087F8C" stroke-width="1.5" stroke-linecap="round" marker-end="url(#arrow)">
+    <line x1="408" y1="72" x2="346" y2="60"></line>
+    <line x1="424" y1="171" x2="272" y2="117"></line>
+    <line x1="448" y1="223" x2="341" y2="220"></line>
+    <line x1="448" y1="267" x2="341" y2="318"></line>
+    <line x1="236" y1="131" x2="236" y2="163"></line>
+  </g>
+</svg>
\ No newline at end of file