style(ui): de-emphasize Whack Pack branding in header, pipeline columns, and spark cards

public/index.html

@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>SparkVault — Idea Tracker, Creative Whack Pack & Nano Banana Mockup Studio</title>
+  <title>SparkVault — Idea Tracker & Visual Mockup Studio</title>
   <link rel="icon" type="image/svg+xml" href="/icon.svg" />
   <link rel="stylesheet" href="/styles.css" />
 </head>
@@ -15,9 +15,9 @@
       <div>
         <div class="brand-title-row">
           <h1 class="brand-title">SparkVault</h1>
-          <span class="brand-badge">Whack Pack + 🍌 Nano Banana 2.1</span>
+          <span class="brand-badge">Idea Studio</span>
         </div>
-        <p class="brand-subtitle">Capture sparks, break blocks with 64 Creative Whack cards, and mock up visuals</p>
+        <p class="brand-subtitle">Capture sparks, attach inspirations, and generate product & apparel mockups</p>
       </div>
     </div>
 
@@ -41,7 +41,7 @@
         type="button"
         id="btn-generate-random-idea"
         class="btn btn-secondary btn-sm"
-        title="Generate a personalized random idea tailored to your background & a Whack Pack card"
+        title="Generate a personalized random idea tailored to your background"
       >
         🎲 Random Idea
       </button>
@@ -53,19 +53,11 @@
       >
         📎 Clip / Attach
       </button>
-      <button
-        type="button"
-        id="btn-quick-whack-prompt"
-        class="btn btn-ghost btn-sm"
-        title="Draw a random Creative Whack Pack card to spark a new idea"
-      >
-        🃏 Whack Prompt
-      </button>
     </form>
 
     <div class="topbar-actions">
-      <button type="button" id="btn-open-settings" class="btn btn-ghost btn-sm" title="Configure Nano Banana 2.1 API Key & Model">
-        🍌 <span id="api-key-status-dot" class="status-dot"></span> Nano Banana
+      <button type="button" id="btn-open-settings" class="btn btn-ghost btn-sm" title="Configure AI Generator & Personal Background">
+        ⚙️ <span id="api-key-status-dot" class="status-dot"></span> AI Settings
       </button>
       <div class="dropdown">
         <button type="button" id="btn-export-menu" class="btn btn-ghost btn-sm">⬇️ Export</button>
@@ -109,12 +101,12 @@
         <button type="button" class="view-tab" data-view="grid" role="tab">
           🗂️ Explorer
         </button>
-        <button type="button" class="view-tab" data-view="whack" role="tab">
-          🃏 Whack Pack <span class="tab-pill">64</span>
-        </button>
         <button type="button" class="view-tab" data-view="review" role="tab">
           ⚔️ Arena & Triage
         </button>
+        <button type="button" class="view-tab view-tab-subtle" data-view="whack" role="tab" title="Creative Prompts & Whack Pack Deck">
+          💡 Prompts
+        </button>
       </div>
       <button type="button" id="btn-mobile-filter-toggle" class="btn btn-ghost btn-sm mobile-only">
         🔍 Filters
@@ -183,7 +175,7 @@
             <div>
               <span class="status-dot status-spark"></span>
               <h2>✨ Spark</h2>
-              <span class="role-hint">🧭 Explorer 1–16</span>
+              <span class="role-hint">Raw Ideas</span>
             </div>
             <span class="col-count" id="count-spark">0</span>
           </div>
@@ -195,7 +187,7 @@
             <div>
               <span class="status-dot status-exploring"></span>
               <h2>🔍 Exploring</h2>
-              <span class="role-hint">🎨 Artist & ⚖️ Judge</span>
+              <span class="role-hint">Research & Mockups</span>
             </div>
             <span class="col-count" id="count-exploring">0</span>
           </div>
@@ -207,7 +199,7 @@
             <div>
               <span class="status-dot status-building"></span>
               <h2>🛠️ Building</h2>
-              <span class="role-hint">⚔️ Warrior 49–64</span>
+              <span class="role-hint">In Progress</span>
             </div>
             <span class="col-count" id="count-building">0</span>
           </div>
@@ -386,10 +378,10 @@
         📝 Workbench & Notes
       </button>
       <button type="button" class="drawer-tab" data-drawer-tab="mockup">
-        🍌 Nano Banana Mockup Studio <span id="drawer-mockup-count" class="tab-pill">0</span>
+        🎨 Mockup Studio <span id="drawer-mockup-count" class="tab-pill">0</span>
       </button>
       <button type="button" class="drawer-tab" data-drawer-tab="whack">
-        🃏 Whack This Idea <span id="drawer-whack-count" class="tab-pill">0</span>
+        💡 Brainstorm Prompts <span id="drawer-whack-count" class="tab-pill">0</span>
       </button>
     </div>