Add custom HTML prompt editor, skills blur handler, and include skills in separate mode

template.html

@@ -267,6 +267,28 @@
                     When set, the extension will not inject tracker prompts, examples, or HTML instructions according to the selected mode when a guided generation (via `instruct` or `quiet_prompt`) is detected. Useful when using GuidedGenerations or similar extensions.
                 </small>
 
+                <!-- Custom HTML Prompt Editor -->
+                <div class="rpg-setting-row" style="margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--rpg-border);">
+                    <label for="rpg-custom-html-prompt" style="display: block; margin-bottom: 8px; font-weight: 600;">
+                        <i class="fa-solid fa-code" aria-hidden="true"></i> Custom HTML Prompt:
+                    </label>
+
+                    <textarea id="rpg-custom-html-prompt"
+                              style="width: 100%; min-height: 120px; padding: 10px; border-radius: 4px;
+                                     border: 1px solid var(--SmartThemeBorderColor); background: var(--SmartThemeBlurTintColor);
+                                     color: var(--SmartThemeBodyColor); font-family: 'Courier New', monospace; font-size: 12px;
+                                     resize: vertical; line-height: 1.5;"
+                              placeholder=""></textarea>
+                    <div style="margin-top: 8px; display: flex; gap: 8px;">
+                        <button id="rpg-restore-default-html-prompt" class="menu_button" style="flex: 1;">
+                            <i class="fa-solid fa-rotate-left" aria-hidden="true"></i> Restore Default
+                        </button>
+                    </div>
+                    <small style="display: block; margin-top: 8px; color: #888; font-size: 11px;">
+                        Customize the HTML prompt injected when "Enable Immersive HTML" is enabled. The default prompt is shown above - you can edit it directly or replace it entirely. Click "Restore Default" to reset. This affects all generation modes (together, separate, and plot progression).
+                    </small>
+                </div>
+
                 <!-- Clear Cache Button -->
                 <div style="margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--rpg-border);">
                     <button id="rpg-clear-cache" class="rpg-btn-clear-cache">