Improve support export guide

Author: steveseguin

docs/export-settings-for-support.html

@@ -84,10 +84,24 @@ <h2>What To Export</h2>
 					<h2>1. Export Social Stream Ninja Settings</h2>
 					<ol class="guide-steps">
 						<li>Open the Social Stream Ninja control panel.</li>
-						<li>Open <strong>Settings</strong> and scroll to <strong>📄 Export / import</strong>.</li>
-						<li>Expand that section and select <strong>Export to disk</strong>.</li>
-						<li>Save the downloaded JSON file without editing it.</li>
+						<li>Scroll to <strong>Global settings and tools</strong>.</li>
+						<li>If you are already near the bottom of the page, select the <strong>JUMP</strong> link beside “Looking for the Global settings?” to move there.</li>
+						<li>Under Global settings, find and select <strong>Export / import</strong>.</li>
 					</ol>
+					<figure class="guide-figure">
+						<img src="images/guides/ssn-global-settings-export-menu.png" alt="Social Stream Ninja Global settings showing the Export and import menu" class="guide-image guide-image-medium" />
+						<figcaption>In Global settings, select Export / import to open its options.</figcaption>
+					</figure>
+					<ol class="guide-steps" start="5">
+						<li>Scroll inside the expanded section until you see <strong>Export/import settings</strong>.</li>
+						<li>Select <strong>Export to disk</strong>.</li>
+						<li>Choose where to save the file and enter any filename you like. Keep the <strong>.json</strong> extension.</li>
+						<li>Select <strong>Save</strong>, then send that JSON file privately to support without editing it.</li>
+					</ol>
+					<figure class="guide-figure">
+						<img src="images/guides/ssn-export-import-settings.png" alt="Expanded Social Stream Ninja Export import settings with Export to disk highlighted" class="guide-image guide-image-medium" />
+						<figcaption>Scroll to Export/import settings, then select Export to disk. The saved file can have any filename.</figcaption>
+					</figure>
 				</div>
 
 				<div class="guide-card">

docs/guides.html

@@ -216,6 +216,7 @@ <h2>Find A Guide</h2>
 					<ul>
 						<li><a href="../docs/knowledge-base.html"><i class="fas fa-life-ring" aria-hidden="true"></i><span><strong>Knowledge base</strong><small>Short fixes for common problems.</small></span></a></li>
 						<li><a href="../docs/obs-troubleshooting.html"><i class="fas fa-tools" aria-hidden="true"></i><span><strong>OBS troubleshooting</strong><small>Blank overlays, sessions, dock checks, TTS.</small></span></a></li>
+						<li><a href="../docs/export-settings-for-support.html"><i class="fas fa-file-export" aria-hidden="true"></i><span><strong>Export settings for support</strong><small>Export Social Stream Ninja and OBS settings for review.</small></span></a></li>
 						<li><a href="#extension-troubleshooting"><i class="fas fa-tools" aria-hidden="true"></i><span><strong>Browser extension troubleshooting</strong><small>Missing chat, permissions, throttling, toggles.</small></span></a></li>
 						<li><a href="#standalone-troubleshooting"><i class="fas fa-wrench" aria-hidden="true"></i><span><strong>Desktop app troubleshooting</strong><small>Source windows, updates, setup checks.</small></span></a></li>
 						<li><a href="../docs/support.html"><i class="fas fa-headset" aria-hidden="true"></i><span><strong>Support page</strong><small>Discord, GitHub issues, contribution paths.</small></span></a></li>

docs/obs-troubleshooting.html

@@ -120,6 +120,7 @@ <h2>Common Fixes</h2>
                     <li>Temporarily remove custom OBS CSS to rule out hidden text or opacity.</li>
                     <li>Open the same OBS URL in a normal browser to separate OBS issues from Social Stream issues.</li>
                 </ul>
+                <p>Still stuck? <a href="export-settings-for-support.html">Export your Social Stream Ninja settings and OBS scene collection for support</a>.</p>
             </div>
         </div>
     </main>