Fix mobile font size and enable smart keyboard features

src/pages/CreateStoryPage.tsx

@@ -1,5 +1,6 @@
 import { useState, useEffect } from "react";
 import { useNavigate, Link, useParams } from "react-router-dom";
+import ReactMarkdown from "react-markdown";
 import { useAuth } from "../contexts/AuthContext";
 import { createStory, getStory, updateStory } from "../services/api";
 import type { Character } from "../types";
@@ -652,7 +653,7 @@ export default function CreateStoryPage() {
             <label htmlFor="narrativeRules">Инструкции для ИИ</label>
             <p className="field-hint">
               Кастомные правила поведения ИИ. Если пусто — используются
-              стандартные правила.
+              стандартные правила. Поддерживается Markdown.
             </p>
             <textarea
               id="narrativeRules"
@@ -677,6 +678,14 @@ export default function CreateStoryPage() {
               rows={14}
               className="markdown-input"
             />
+            {form.narrativeRules.trim() && (
+              <div className="markdown-preview">
+                <div className="preview-header">👁️ Превью</div>
+                <div className="preview-content">
+                  <ReactMarkdown>{form.narrativeRules}</ReactMarkdown>
+                </div>
+              </div>
+            )}
           </div>
         </section>