implemented step 19 by Gemini

- Preview and Export

public/index.html

@@ -317,19 +317,45 @@
 
 				<!-- Step 7: Preview -->
 				<div class="step" data-step="7">
-					<h2>Náhľad webu</h2>
-					<p class="step-description">Pozrite si, ako vyzerá váš nový web.</p>
-					<div class="form-placeholder">
-						<p>Obsah pre krok 7...</p>
+					<div class="step-header-with-actions">
+						<div>
+							<h2>Náhľad vášho webu</h2>
+							<p class="step-description">Pozrite si, ako vyzerá váš nový web. Môžete prepínať medzi zobrazením pre počítač a mobil.</p>
+						</div>
+						<div class="device-toggle">
+							<button class="btn-toggle active" data-view="desktop">💻 PC</button>
+							<button class="btn-toggle" data-view="mobile">📱 Mobil</button>
+						</div>
+					</div>
+					
+					<div id="preview-container" class="preview-window">
+						<iframe id="preview-iframe" src="about:blank"></iframe>
 					</div>
 				</div>
 
 				<!-- Step 8: Export -->
 				<div class="step" data-step="8">
-					<h2>Hotovo!</h2>
-					<p class="step-description">Váš web je pripravený na stiahnutie.</p>
-					<div class="form-placeholder">
-						<p>Obsah pre krok 8...</p>
+					<div class="success-screen">
+						<div class="success-icon">🎉</div>
+						<h2>Váš web je pripravený!</h2>
+						<p>Gratulujeme! Váš nový web bol úspešne vygenerovaný a je pripravený na stiahnutie.</p>
+						
+						<div class="export-actions">
+							<button id="btn-download-zip" class="btn-primary btn-large">Stiahnuť web (ZIP)</button>
+							<div style="margin-top: 1rem;">
+								<button id="btn-view-live" class="btn-secondary btn-small">👁️ Pozrieť LIVE v novom okne</button>
+							</div>
+						</div>
+
+						<div class="instructions-box">
+							<h3>Čo robiť po stiahnutí?</h3>
+							<ol>
+								<li>Rozbaľte stiahnutý .zip archív vo vašom počítači.</li>
+								<li>Nahrajte všetky súbory a priečinky na váš webhosting cez FTP.</li>
+								<li>Váš web bude okamžite funkčný na vašej doméne.</li>
+								<li>Ak ste zvolili <strong>Lokálny mód</strong> formulára, správy nájdete na adrese <code>/form-viewer.php</code>.</li>
+							</ol>
+						</div>
 					</div>
 				</div>
 			</div>