feat: export + detail receptů

feat: losování jídel

client/src/pages/templates.scss

@@ -92,14 +92,68 @@
   white-space: nowrap;
 }
 
-// Postup přípravy si drží zalomení řádků tak, jak ho uživatel zapsal
-.meal-template-note {
+// Postup přípravy v Markdownu
+.recipe-note {
   margin: 10px 0 0;
   padding-top: 10px;
   border-top: 1px solid var(--ft-border-light);
   font-size: 0.83rem;
   color: var(--ft-text-secondary);
-  white-space: pre-wrap;
+
+  p, ul, ol, blockquote, pre {
+    margin: 0 0 0.6em;
+  }
+
+  > :last-child {
+    margin-bottom: 0;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    margin: 0.8em 0 0.35em;
+    font-size: 0.95rem;
+    font-weight: 700;
+    color: var(--ft-text);
+  }
+
+  h1 {
+    font-size: 1.05rem;
+  }
+
+  > :first-child {
+    margin-top: 0;
+  }
+
+  ul, ol {
+    padding-left: 1.4em;
+  }
+
+  blockquote {
+    padding-left: 10px;
+    border-left: 3px solid var(--ft-border);
+  }
+
+  code {
+    padding: 1px 4px;
+    border-radius: var(--ft-radius-sm);
+    background: var(--ft-bg-hover);
+    color: var(--ft-text);
+    font-size: 0.95em;
+  }
+
+  pre code {
+    display: block;
+    padding: 8px 10px;
+    white-space: pre-wrap;
+  }
+
+  hr {
+    margin: 0.8em 0;
+    border-color: var(--ft-border);
+  }
+
+  img {
+    max-width: 100%;
+  }
 }
 
 // Řádek suroviny receptu — název se roztáhne, číselná pole mají pevnou šířku
@@ -153,3 +207,30 @@
     color: var(--ft-primary);
   }
 }
+
+// Popisek postupu s přepínačem psaní a náhledu
+.recipe-note-label {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  margin-bottom: 0.5rem;
+
+  .form-label {
+    margin-bottom: 0;
+  }
+}
+
+.recipe-note-preview {
+  min-height: 120px;
+  padding: 8px 12px;
+  border: 1px solid var(--ft-border);
+  border-radius: var(--ft-radius-sm);
+  background: var(--ft-bg-card);
+
+  .recipe-note {
+    margin: 0;
+    padding: 0;
+    border: none;
+  }
+}