added walterlens avatar

Author: atijare

web/images/Screenshot 2026-02-19 at 9.27.47 PM.png

@@ -1263,12 +1263,12 @@ export function initWalterLens() {
   root.className = "walterlens-widget";
   root.innerHTML = `
     <button class="walterlens-fab" aria-expanded="false" aria-controls="walterlens-panel">
-      <span class="walterlens-fab__logo">WL</span>
+      <img class="walterlens-fab__logo" src="images/walterlens.jpeg" alt="WalterLens" />
     </button>
     <section id="walterlens-panel" class="walterlens-panel" aria-hidden="true" role="dialog" aria-label="WalterLens Advisor">
       <div class="walterlens-header">
         <div class="walterlens-title">
-          <span class="walterlens-title__logo">WL</span>
+          <img class="walterlens-title__logo" src="images/walterlens.jpeg" alt="WalterLens" />
           <div>
             <h3>WalterLens</h3>
             <p>${headerSubtitle}</p>

web/images/walterlens.jpeg

@@ -866,8 +866,8 @@ textarea:focus-visible {
   height: 58px;
   border-radius: 50%;
   border: none;
-  background: linear-gradient(135deg, var(--primary), var(--accent));
-  color: #fff;
+  background: transparent;
+  padding: 0;
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -887,8 +887,11 @@ textarea:focus-visible {
 }
 
 .walterlens-fab__logo {
-  font-weight: 700;
-  letter-spacing: 0.04em;
+  width: 58px;
+  height: 58px;
+  border-radius: 50%;
+  object-fit: cover;
+  display: block;
 }
 
 .walterlens-panel {
@@ -932,13 +935,9 @@ textarea:focus-visible {
 .walterlens-title__logo {
   width: 36px;
   height: 36px;
-  border-radius: 10px;
-  background: linear-gradient(135deg, var(--primary), var(--accent));
-  color: #fff;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: 700;
+  border-radius: 50%;
+  object-fit: cover;
+  display: block;
 }
 
 .walterlens-header h3 {