Ship gallery assets as LFS tar (fix broken images)

static/index.html

@@ -287,15 +287,12 @@
     transition: transform .6s cubic-bezier(.3,1.4,.4,1);
   }
   #processBtn .ap .bl {
-    stroke: var(--accent);
-    stroke-width: 1.1;
-    stroke-linejoin: round;
     transform-box: view-box;
-    transform-origin: 16.6px 5.2px;
-    transition: transform .6s cubic-bezier(.3,1.4,.4,1);
+    transform-origin: 13.88px 1.36px;
+    transition: transform .6s cubic-bezier(.4,1.2,.4,1);
   }
-  #processBtn:hover:not(:disabled) .ap { transform: rotate(40deg); }
-  #processBtn:hover:not(:disabled) .ap .bl { transform: rotate(-26deg); }
+  #processBtn:hover:not(:disabled) .ap { transform: rotate(38deg); }
+  #processBtn:hover:not(:disabled) .ap .bl { transform: rotate(-28deg) scale(1.35); }
   #processBtn .pdot {
     display: none; flex: 0 0 auto;
     width: 9px; height: 9px; border-radius: 50%;
@@ -722,8 +719,9 @@
 
   /* ---------- how-it-works ---------- */
   .head-right {
-    display: flex; flex-direction: column; align-items: flex-end; gap: 10px;
+    display: flex; flex-direction: column; align-items: stretch; gap: 10px;
   }
+  .head-right .how-link { justify-content: center; }
   .how-link {
     display: inline-flex; align-items: center; gap: 8px;
     background: var(--bg-2); border: 1px solid var(--line); border-radius: 20px;
@@ -816,7 +814,7 @@
     </div>
     <div class="head-right">
       <a class="how-link" id="howOpen"><span class="q">?</span> How does it work</a>
-      <a class="how-link" id="privacyOpen"><span class="q">🔒</span> Your privacy is guaranteed</a>
+      <a class="how-link" id="privacyOpen"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="var(--accent)" stroke-width="2.4" stroke-linecap="round" aria-hidden="true"><rect x="4" y="10.5" width="16" height="10" rx="2.5"/><path d="M8 10.5V7a4 4 0 0 1 8 0v3.5"/></svg> Your privacy is guaranteed</a>
     </div>
   </header>
   <h1 class="hero-title">Extract the look of <em>any film and frame</em>.</h1>
@@ -887,7 +885,7 @@
   </div>
 
   <div class="action">
-    <button id="processBtn" disabled><svg class="ap" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><defs><clipPath id="apClip"><circle cx="12" cy="12" r="9.2"/></clipPath></defs><g clip-path="url(#apClip)"><g transform="rotate(0 12 12)"><path class="bl" d="M10.85 0.86 A11.2 11.2 0 0 1 22.30 7.60 L6.3 10.3 Z"/></g><g transform="rotate(60 12 12)"><path class="bl" d="M10.85 0.86 A11.2 11.2 0 0 1 22.30 7.60 L6.3 10.3 Z"/></g><g transform="rotate(120 12 12)"><path class="bl" d="M10.85 0.86 A11.2 11.2 0 0 1 22.30 7.60 L6.3 10.3 Z"/></g><g transform="rotate(180 12 12)"><path class="bl" d="M10.85 0.86 A11.2 11.2 0 0 1 22.30 7.60 L6.3 10.3 Z"/></g><g transform="rotate(240 12 12)"><path class="bl" d="M10.85 0.86 A11.2 11.2 0 0 1 22.30 7.60 L6.3 10.3 Z"/></g><g transform="rotate(300 12 12)"><path class="bl" d="M10.85 0.86 A11.2 11.2 0 0 1 22.30 7.60 L6.3 10.3 Z"/></g></g></svg><span class="pdot" aria-hidden="true"></span><span id="processLabel">Extract the look</span></button>
+    <button id="processBtn" disabled><svg class="ap" width="19" height="19" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><defs><clipPath id="apClip"><circle cx="12" cy="12" r="9.6"/></clipPath></defs><g clip-path="url(#apClip)"><g transform="rotate(0 12 12)"><path class="bl" d="M10 0.67 A11.5 11.5 0 0 1 17.75 2.04 L7.91 9.34 Z"/></g><g transform="rotate(45 12 12)"><path class="bl" d="M10 0.67 A11.5 11.5 0 0 1 17.75 2.04 L7.91 9.34 Z"/></g><g transform="rotate(90 12 12)"><path class="bl" d="M10 0.67 A11.5 11.5 0 0 1 17.75 2.04 L7.91 9.34 Z"/></g><g transform="rotate(135 12 12)"><path class="bl" d="M10 0.67 A11.5 11.5 0 0 1 17.75 2.04 L7.91 9.34 Z"/></g><g transform="rotate(180 12 12)"><path class="bl" d="M10 0.67 A11.5 11.5 0 0 1 17.75 2.04 L7.91 9.34 Z"/></g><g transform="rotate(225 12 12)"><path class="bl" d="M10 0.67 A11.5 11.5 0 0 1 17.75 2.04 L7.91 9.34 Z"/></g><g transform="rotate(270 12 12)"><path class="bl" d="M10 0.67 A11.5 11.5 0 0 1 17.75 2.04 L7.91 9.34 Z"/></g><g transform="rotate(315 12 12)"><path class="bl" d="M10 0.67 A11.5 11.5 0 0 1 17.75 2.04 L7.91 9.34 Z"/></g></g></svg><span class="pdot" aria-hidden="true"></span><span id="processLabel">Extract the look</span></button>
     <div class="status" id="status"><div class="filmloader" aria-hidden="true"><span></span><span></span><span></span><span></span><span></span></div><span id="statusText"></span></div>
   </div>