Only show T-Shirt Compositor and garment controls when product is a T-Shirt

public/index.html

@@ -573,9 +573,9 @@
                 </div>
               </div>
 
-              <!-- Garment / Surface Color Swatches -->
-              <div class="field-group">
-                <label>Garment / Surface Color: <strong id="nb-selected-color-label">Vintage Cream (#F5E8D3)</strong></label>
+              <!-- Garment / Surface Color Swatches (Only shown when product is a T-Shirt) -->
+              <div id="nb-garment-color-group" class="field-group hidden">
+                <label>T-Shirt Garment Color: <strong id="nb-selected-color-label">Vintage Cream (#F5E8D3)</strong></label>
                 <div class="color-swatch-row" id="nb-color-swatches">
                   <button type="button" class="color-swatch active" data-color="#F5E8D3" data-name="Vintage Cream" style="background:#F5E8D3" title="Vintage Cream (#F5E8D3)"></button>
                   <button type="button" class="color-swatch" data-color="#1C1B1A" data-name="Vintage Black" style="background:#1C1B1A" title="Vintage Black (#1C1B1A)"></button>
@@ -589,7 +589,7 @@
 
               <div class="field-group">
                 <label for="nb-prompt-input">Visual Description / Artwork Prompt</label>
-                <textarea id="nb-prompt-input" rows="3" class="textarea-input" placeholder="Describe the graphic, emblem, ink colors, typography, or mockup scene..."></textarea>
+                <textarea id="nb-prompt-input" rows="3" class="textarea-input" placeholder="Describe the visual concept, product UI, illustration, or mockup scene..."></textarea>
               </div>
 
               <!-- Iterative Image-to-Image Edit Banner (Active when a mockup is selected for refinement) -->
@@ -602,7 +602,7 @@
                   type="text"
                   id="nb-edit-instruction-input"
                   class="text-input"
-                  placeholder="Describe what to change (e.g. 'Move graphic to left-chest pocket on a forest green shirt')"
+                  placeholder="Describe what to change (e.g. 'Switch to dark mode layout' or 'Use bolder vintage typography')"
                 />
               </div>
 
@@ -614,8 +614,8 @@
               </div>
             </div>
 
-            <!-- Interactive T-Shirt & Product Canvas Compositor -->
-            <div class="studio-card">
+            <!-- Interactive T-Shirt & Emblem Compositor (Only shown when product is a T-Shirt) -->
+            <div id="tshirt-compositor-card" class="studio-card hidden">
               <div class="studio-card-header">
                 <h3>👕 Interactive T-Shirt & Emblem Compositor</h3>
                 <span class="muted-label">Instant apparel layout & print proof</span>