diff --git a/.screenshots/mockups/01-popup-overview.png b/.screenshots/mockups/01-popup-overview.png
index 661b956..8fed309 100644
Binary files a/.screenshots/mockups/01-popup-overview.png and b/.screenshots/mockups/01-popup-overview.png differ
diff --git a/.screenshots/mockups/01-popup-overview.svg b/.screenshots/mockups/01-popup-overview.svg
index fa34a81..6c02da8 100644
--- a/.screenshots/mockups/01-popup-overview.svg
+++ b/.screenshots/mockups/01-popup-overview.svg
@@ -1,93 +1 @@
-<svg width="400" height="600" xmlns="http://www.w3.org/2000/svg">
-  <defs>
-    <style>
-      .bg { fill: #ffffff; }
-      .text { font-family: system-ui, -apple-system, sans-serif; fill: #333; }
-      .header { fill: #0060df; }
-      .safe { fill: #00c851; }
-      .experimental { fill: #ff8800; }
-      .dangerous { fill: #ff4444; }
-      .card { fill: #f9f9fa; stroke: #d7d7db; stroke-width: 1; }
-    </style>
-  </defs>
-
-  <!-- Background -->
-  <rect width="400" height="600" class="bg"/>
-
-  <!-- Header -->
-  <rect width="400" height="60" class="header"/>
-  <text x="20" y="35" class="text" fill="#fff" font-size="18" font-weight="bold">FireFlag</text>
-  <text x="20" y="52" class="text" fill="#fff" font-size="11" opacity="0.9">Safe Firefox Flag Management</text>
-
-  <!-- Search bar -->
-  <rect x="15" y="70" width="370" height="36" rx="4" fill="#fff" stroke="#d7d7db" stroke-width="1"/>
-  <text x="25" y="92" class="text" font-size="13" opacity="0.6">Search flags...</text>
-
-  <!-- Filter buttons -->
-  <rect x="15" y="116" width="80" height="28" rx="4" fill="#0060df"/>
-  <text x="32" y="135" class="text" fill="#fff" font-size="11">All (105)</text>
-
-  <rect x="105" y="116" width="60" height="28" rx="4" fill="#fff" stroke="#d7d7db" stroke-width="1"/>
-  <text x="115" y="135" class="text" font-size="11">Privacy</text>
-
-  <rect x="175" y="116" width="85" height="28" rx="4" fill="#fff" stroke="#d7d7db" stroke-width="1"/>
-  <text x="182" y="135" class="text" font-size="11">Performance</text>
-
-  <!-- Flag cards -->
-  <g transform="translate(15, 160)">
-    <!-- Card 1: Safe flag -->
-    <rect width="370" height="90" rx="6" class="card"/>
-    <rect x="8" y="8" width="50" height="18" rx="3" class="safe"/>
-    <text x="15" y="20" fill="#fff" font-size="9" font-weight="bold">SAFE</text>
-
-    <text x="8" y="38" class="text" font-size="13" font-weight="600">privacy.resistFingerprinting</text>
-    <text x="8" y="55" class="text" font-size="11" opacity="0.7">Enable fingerprinting resistance to make</text>
-    <text x="8" y="70" class="text" font-size="11" opacity="0.7">browser tracking harder</text>
-
-    <circle cx="350" cy="45" r="12" fill="#0060df"/>
-    <text x="346" y="50" fill="#fff" font-size="16">✓</text>
-  </g>
-
-  <g transform="translate(15, 260)">
-    <!-- Card 2: Experimental flag -->
-    <rect width="370" height="90" rx="6" class="card"/>
-    <rect x="8" y="8" width="90" height="18" rx="3" class="experimental"/>
-    <text x="12" y="20" fill="#fff" font-size="9" font-weight="bold">EXPERIMENTAL</text>
-
-    <text x="8" y="38" class="text" font-size="13" font-weight="600">gfx.webrender.all</text>
-    <text x="8" y="55" class="text" font-size="11" opacity="0.7">Force WebRender on all windows</text>
-    <text x="8" y="70" class="text" font-size="11" opacity="0.7">(GPU-accelerated rendering)</text>
-
-    <circle cx="350" cy="45" r="12" fill="#d7d7db"/>
-  </g>
-
-  <g transform="translate(15, 360)">
-    <!-- Card 3: Dangerous flag -->
-    <rect width="370" height="90" rx="6" class="card"/>
-    <rect x="8" y="8" width="75" height="18" rx="3" class="dangerous"/>
-    <text x="12" y="20" fill="#fff" font-size="9" font-weight="bold">DANGEROUS</text>
-
-    <text x="8" y="38" class="text" font-size="13" font-weight="600">devtools.debugger.remote-enabled</text>
-    <text x="8" y="55" class="text" font-size="11" opacity="0.7">Enable remote debugging protocol</text>
-    <text x="8" y="70" class="text" font-size="11" opacity="0.7">⚠ Major security risk if exposed</text>
-
-    <circle cx="350" cy="45" r="12" fill="#d7d7db"/>
-  </g>
-
-  <g transform="translate(15, 460)">
-    <!-- Card 4: Safe flag -->
-    <rect width="370" height="90" rx="6" class="card"/>
-    <rect x="8" y="8" width="50" height="18" rx="3" class="safe"/>
-    <text x="15" y="20" fill="#fff" font-size="9" font-weight="bold">SAFE</text>
-
-    <text x="8" y="38" class="text" font-size="13" font-weight="600">network.http.http3.enable</text>
-    <text x="8" y="55" class="text" font-size="11" opacity="0.7">Enable HTTP/3 protocol support</text>
-    <text x="8" y="70" class="text" font-size="11" opacity="0.7">(QUIC transport)</text>
-
-    <circle cx="350" cy="45" r="12" fill="#0060df"/>
-    <text x="346" y="50" fill="#fff" font-size="16">✓</text>
-  </g>
-
-  <!-- Footer -->
-  <text x="200" y="585" class="text" font-size="10" opacity="0.5" text-anchor="middle">105 flags loaded</text>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="600"><defs><style>.bg{fill:#fff}.text{font-family:system-ui,-apple-system,sans-serif;fill:#333}.header{fill:#0060df}.safe{fill:#00c851}.experimental{fill:#f80}.dangerous{fill:#f44}.card{fill:#f9f9fa;stroke:#d7d7db;stroke-width:1}</style></defs><rect width="400" height="600" class="bg"/><rect width="400" height="60" class="header"/><text x="20" y="35" fill="#fff" class="text" font-size="18" font-weight="bold">FireFlag</text><text x="20" y="52" fill="#fff" class="text" font-size="11" opacity=".9">Safe Firefox Flag Management</text><rect width="370" height="36" x="15" y="70" fill="#fff" stroke="#d7d7db" stroke-width="1" rx="4"/><text x="25" y="92" class="text" font-size="13" opacity=".6">Search flags...</text><rect width="80" height="28" x="15" y="116" fill="#0060df" rx="4"/><text x="32" y="135" fill="#fff" class="text" font-size="11">All (105)</text><rect width="60" height="28" x="105" y="116" fill="#fff" stroke="#d7d7db" stroke-width="1" rx="4"/><text x="115" y="135" class="text" font-size="11">Privacy</text><rect width="85" height="28" x="175" y="116" fill="#fff" stroke="#d7d7db" stroke-width="1" rx="4"/><text x="182" y="135" class="text" font-size="11">Performance</text><g transform="translate(15, 160)"><rect width="370" height="90" class="card" rx="6"/><rect width="50" height="18" x="8" y="8" class="safe" rx="3"/><text x="15" y="20" fill="#fff" font-size="9" font-weight="bold">SAFE</text><text x="8" y="38" class="text" font-size="13" font-weight="600">privacy.resistFingerprinting</text><text x="8" y="55" class="text" font-size="11" opacity=".7">Enable fingerprinting resistance to make</text><text x="8" y="70" class="text" font-size="11" opacity=".7">browser tracking harder</text><circle cx="350" cy="45" r="12" fill="#0060df"/><text x="346" y="50" fill="#fff" font-size="16">✓</text></g><g transform="translate(15, 260)"><rect width="370" height="90" class="card" rx="6"/><rect width="90" height="18" x="8" y="8" class="experimental" rx="3"/><text x="12" y="20" fill="#fff" font-size="9" font-weight="bold">EXPERIMENTAL</text><text x="8" y="38" class="text" font-size="13" font-weight="600">gfx.webrender.all</text><text x="8" y="55" class="text" font-size="11" opacity=".7">Force WebRender on all windows</text><text x="8" y="70" class="text" font-size="11" opacity=".7">(GPU-accelerated rendering)</text><circle cx="350" cy="45" r="12" fill="#d7d7db"/></g><g transform="translate(15, 360)"><rect width="370" height="90" class="card" rx="6"/><rect width="75" height="18" x="8" y="8" class="dangerous" rx="3"/><text x="12" y="20" fill="#fff" font-size="9" font-weight="bold">DANGEROUS</text><text x="8" y="38" class="text" font-size="13" font-weight="600">devtools.debugger.remote-enabled</text><text x="8" y="55" class="text" font-size="11" opacity=".7">Enable remote debugging protocol</text><text x="8" y="70" class="text" font-size="11" opacity=".7">⚠ Major security risk if exposed</text><circle cx="350" cy="45" r="12" fill="#d7d7db"/></g><g transform="translate(15, 460)"><rect width="370" height="90" class="card" rx="6"/><rect width="50" height="18" x="8" y="8" class="safe" rx="3"/><text x="15" y="20" fill="#fff" font-size="9" font-weight="bold">SAFE</text><text x="8" y="38" class="text" font-size="13" font-weight="600">network.http.http3.enable</text><text x="8" y="55" class="text" font-size="11" opacity=".7">Enable HTTP/3 protocol support</text><text x="8" y="70" class="text" font-size="11" opacity=".7">(QUIC transport)</text><circle cx="350" cy="45" r="12" fill="#0060df"/><text x="346" y="50" fill="#fff" font-size="16">✓</text></g><text x="200" y="585" class="text" font-size="10" opacity=".5" text-anchor="middle">105 flags loaded</text></svg>
\ No newline at end of file
diff --git a/.screenshots/mockups/06-devtools-active-flags.png b/.screenshots/mockups/06-devtools-active-flags.png
index d41a746..25fb0d2 100644
Binary files a/.screenshots/mockups/06-devtools-active-flags.png and b/.screenshots/mockups/06-devtools-active-flags.png differ
diff --git a/.screenshots/mockups/06-devtools-active-flags.svg b/.screenshots/mockups/06-devtools-active-flags.svg
index e0be5e3..43dcedc 100644
--- a/.screenshots/mockups/06-devtools-active-flags.svg
+++ b/.screenshots/mockups/06-devtools-active-flags.svg
@@ -1,66 +1 @@
-<svg width="1280" height="400" xmlns="http://www.w3.org/2000/svg">
-  <defs>
-    <style>
-      .bg { fill: #1e1e1e; }
-      .text { font-family: 'Consolas', 'Monaco', monospace; fill: #d4d4d4; }
-      .header { fill: #2d2d2d; }
-      .toolbar { fill: #252525; }
-      .active { fill: #00c851; }
-    </style>
-  </defs>
-
-  <!-- Background -->
-  <rect width="1280" height="400" class="bg"/>
-
-  <!-- Toolbar -->
-  <rect width="1280" height="35" class="toolbar"/>
-  <text x="15" y="22" class="text" font-size="12" fill="#888">Active Flags</text>
-  <text x="140" y="22" class="text" font-size="12" fill="#666">Performance</text>
-  <text x="265" y="22" class="text" font-size="12" fill="#666">Impact Analysis</text>
-  <text x="430" y="22" class="text" font-size="12" fill="#666">Console</text>
-
-  <!-- Content area -->
-  <g transform="translate(15, 50)">
-    <text x="0" y="20" class="text" font-size="13" fill="#4ec9b0">Flags Active on This Page:</text>
-
-    <!-- Flag 1 -->
-    <g transform="translate(0, 40)">
-      <circle cx="5" cy="5" r="4" class="active"/>
-      <text x="15" y="10" class="text" font-size="12" fill="#9cdcfe">privacy.resistFingerprinting</text>
-      <text x="350" y="10" class="text" font-size="11" fill="#888">= true</text>
-      <text x="450" y="10" class="text" font-size="11" fill="#ce9178">[Safe]</text>
-    </g>
-
-    <!-- Flag 2 -->
-    <g transform="translate(0, 70)">
-      <circle cx="5" cy="5" r="4" class="active"/>
-      <text x="15" y="10" class="text" font-size="12" fill="#9cdcfe">network.http.http3.enable</text>
-      <text x="350" y="10" class="text" font-size="11" fill="#888">= true</text>
-      <text x="450" y="10" class="text" font-size="11" fill="#ffa500">[Experimental]</text>
-    </g>
-
-    <!-- Flag 3 -->
-    <g transform="translate(0, 100)">
-      <circle cx="5" cy="5" r="4" class="active"/>
-      <text x="15" y="10" class="text" font-size="12" fill="#9cdcfe">gfx.webrender.all</text>
-      <text x="350" y="10" class="text" font-size="11" fill="#888">= true</text>
-      <text x="450" y="10" class="text" font-size="11" fill="#ffa500">[Experimental]</text>
-    </g>
-
-    <!-- Effects section -->
-    <text x="0" y="160" class="text" font-size="13" fill="#4ec9b0">Observed Effects:</text>
-
-    <text x="15" y="185" class="text" font-size="11">• Canvas fingerprinting blocked (privacy.resistFingerprinting)</text>
-    <text x="15" y="205" class="text" font-size="11">• GPU acceleration active (gfx.webrender.all)</text>
-    <text x="15" y="225" class="text" font-size="11">• HTTP/3 connection established (network.http.http3.enable)</text>
-
-    <!-- Action buttons -->
-    <g transform="translate(0, 260)">
-      <rect width="140" height="30" rx="4" fill="#0e639c"/>
-      <text x="70" y="20" class="text" font-size="12" text-anchor="middle">Start Recording</text>
-
-      <rect x="160" width="100" height="30" rx="4" stroke="#666" stroke-width="1" fill="none"/>
-      <text x="210" y="20" class="text" font-size="12" text-anchor="middle">Export Log</text>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="400"><defs><style>.bg{fill:#1e1e1e}.text{font-family:&apos;Consolas&apos;,&apos;Monaco&apos;,monospace;fill:#d4d4d4}.toolbar{fill:#252525}.active{fill:#00c851}</style></defs><rect width="1280" height="400" class="bg"/><rect width="1280" height="35" class="toolbar"/><text x="15" y="22" fill="#888" class="text" font-size="12">Active Flags</text><text x="140" y="22" fill="#666" class="text" font-size="12">Performance</text><text x="265" y="22" fill="#666" class="text" font-size="12">Impact Analysis</text><text x="430" y="22" fill="#666" class="text" font-size="12">Console</text><g><text x="0" y="20" fill="#4ec9b0" class="text" font-size="13" transform="translate(15, 50)">Flags Active on This Page:</text><g transform="translate(15, 50) translate(0, 40)"><circle cx="5" cy="5" r="4" class="active"/><text x="15" y="10" fill="#9cdcfe" class="text" font-size="12">privacy.resistFingerprinting</text><text x="350" y="10" fill="#888" class="text" font-size="11">= true</text><text x="450" y="10" fill="#ce9178" class="text" font-size="11">[Safe]</text></g><g transform="translate(15, 50) translate(0, 70)"><circle cx="5" cy="5" r="4" class="active"/><text x="15" y="10" fill="#9cdcfe" class="text" font-size="12">network.http.http3.enable</text><text x="350" y="10" fill="#888" class="text" font-size="11">= true</text><text x="450" y="10" fill="orange" class="text" font-size="11">[Experimental]</text></g><g transform="translate(15, 50) translate(0, 100)"><circle cx="5" cy="5" r="4" class="active"/><text x="15" y="10" fill="#9cdcfe" class="text" font-size="12">gfx.webrender.all</text><text x="350" y="10" fill="#888" class="text" font-size="11">= true</text><text x="450" y="10" fill="orange" class="text" font-size="11">[Experimental]</text></g><text x="0" y="160" fill="#4ec9b0" class="text" font-size="13" transform="translate(15, 50)">Observed Effects:</text><text x="15" y="185" class="text" font-size="11" transform="translate(15, 50)">• Canvas fingerprinting blocked (privacy.resistFingerprinting)</text><text x="15" y="205" class="text" font-size="11" transform="translate(15, 50)">• GPU acceleration active (gfx.webrender.all)</text><text x="15" y="225" class="text" font-size="11" transform="translate(15, 50)">• HTTP/3 connection established (network.http.http3.enable)</text><g transform="translate(15, 50) translate(0, 260)"><rect width="140" height="30" fill="#0e639c" rx="4"/><text x="70" y="20" class="text" font-size="12" text-anchor="middle">Start Recording</text><rect width="100" height="30" x="160" fill="none" stroke="#666" stroke-width="1" rx="4"/><text x="210" y="20" class="text" font-size="12" text-anchor="middle">Export Log</text></g></g></svg>
\ No newline at end of file
diff --git a/.screenshots/store/01-popup-overview.png b/.screenshots/store/01-popup-overview.png
index 661b956..8fed309 100644
Binary files a/.screenshots/store/01-popup-overview.png and b/.screenshots/store/01-popup-overview.png differ
diff --git a/.screenshots/store/02-popup-flag-detail.png b/.screenshots/store/02-popup-flag-detail.png
index 353d5ab..4e8a7b4 100644
Binary files a/.screenshots/store/02-popup-flag-detail.png and b/.screenshots/store/02-popup-flag-detail.png differ
diff --git a/.screenshots/store/03-sidebar-flags.png b/.screenshots/store/03-sidebar-flags.png
index 7fc9289..f138ca3 100644
Binary files a/.screenshots/store/03-sidebar-flags.png and b/.screenshots/store/03-sidebar-flags.png differ
diff --git a/.screenshots/store/04-sidebar-history.png b/.screenshots/store/04-sidebar-history.png
index 49f7ffb..edce037 100644
Binary files a/.screenshots/store/04-sidebar-history.png and b/.screenshots/store/04-sidebar-history.png differ
diff --git a/.screenshots/store/05-options.png b/.screenshots/store/05-options.png
index 2bd443f..50d010d 100644
Binary files a/.screenshots/store/05-options.png and b/.screenshots/store/05-options.png differ
diff --git a/.screenshots/store/06-devtools.png b/.screenshots/store/06-devtools.png
index d41a746..25fb0d2 100644
Binary files a/.screenshots/store/06-devtools.png and b/.screenshots/store/06-devtools.png differ
diff --git a/.screenshots/store/07-permission-dialog.png b/.screenshots/store/07-permission-dialog.png
index acde5e5..5dc5f75 100644
Binary files a/.screenshots/store/07-permission-dialog.png and b/.screenshots/store/07-permission-dialog.png differ
diff --git a/extension/icons/fireflag-128.png b/extension/icons/fireflag-128.png
index 2541700..f389d38 100644
Binary files a/extension/icons/fireflag-128.png and b/extension/icons/fireflag-128.png differ
diff --git a/extension/icons/fireflag-16.png b/extension/icons/fireflag-16.png
index c65fbdf..bb15229 100644
Binary files a/extension/icons/fireflag-16.png and b/extension/icons/fireflag-16.png differ
diff --git a/extension/icons/fireflag-32.png b/extension/icons/fireflag-32.png
index c8d89a8..4290038 100644
Binary files a/extension/icons/fireflag-32.png and b/extension/icons/fireflag-32.png differ
diff --git a/extension/icons/fireflag-48.png b/extension/icons/fireflag-48.png
index aec7c96..cb30899 100644
Binary files a/extension/icons/fireflag-48.png and b/extension/icons/fireflag-48.png differ
diff --git a/extension/icons/fireflag-96.png b/extension/icons/fireflag-96.png
index cccee18..151df3a 100644
Binary files a/extension/icons/fireflag-96.png and b/extension/icons/fireflag-96.png differ
diff --git a/extension/icons/fireflag-base.svg b/extension/icons/fireflag-base.svg
index 8f3be7e..444a73a 100644
--- a/extension/icons/fireflag-base.svg
+++ b/extension/icons/fireflag-base.svg
@@ -1,24 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
-  <!-- FireFlag icon: flame + flag combination -->
-  <!-- Background circle -->
-  <circle cx="64" cy="64" r="60" fill="#0060df" opacity="0.1"/>
-
-  <!-- Flag pole -->
-  <rect x="38" y="20" width="4" height="88" fill="#0060df"/>
-
-  <!-- Flag with flame shape -->
-  <path d="M42 25 Q60 20, 75 30 Q85 35, 85 45 Q85 55, 75 60 Q60 65, 50 60 L42 55 Z"
-        fill="#ff9400" stroke="#d70022" stroke-width="1.5"/>
-
-  <!-- Inner flame detail -->
-  <path d="M48 35 Q55 30, 62 35 Q68 40, 68 48 Q68 55, 62 58 Q55 60, 50 55 L48 50 Z"
-        fill="#ffd700" opacity="0.7"/>
-
-  <!-- Safety badge (green checkmark) -->
-  <circle cx="90" cy="90" r="18" fill="#12bc00"/>
-  <path d="M84 90 L88 94 L96 84" stroke="white" stroke-width="3"
-        fill="none" stroke-linecap="round" stroke-linejoin="round"/>
-
-  <!-- Experimental indicator (orange dot) -->
-  <circle cx="75" cy="25" r="6" fill="#ff9400" opacity="0.8"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><circle cx="64" cy="64" r="60" fill="#0060df" opacity=".1"/><rect width="4" height="88" x="38" y="20" fill="#0060df"/><path fill="#ff9400" stroke="#d70022" stroke-width="1.5" d="M42 25 Q60 20, 75 30 Q85 35, 85 45 Q85 55, 75 60 Q60 65, 50 60 L42 55 Z"/><path fill="gold" d="M48 35 Q55 30, 62 35 Q68 40, 68 48 Q68 55, 62 58 Q55 60, 50 55 L48 50 Z" opacity=".7"/><circle cx="90" cy="90" r="18" fill="#12bc00"/><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M84 90 L88 94 L96 84"/><circle cx="75" cy="25" r="6" fill="#ff9400" opacity=".8"/></svg>
\ No newline at end of file