diff --git a/.gitignore b/.gitignore
index d49920ab..63769679 100644
--- a/.gitignore
+++ b/.gitignore
@@ -68,6 +68,12 @@ web/dist/*
 web/dist/js/*
 !web/dist/js/runtime-bundle.min.js
 
+# ── Pre-compressed static assets (S3) ──────────────────────────────
+# Generated by `node scripts/precompress-static.mjs` during build.
+# Runtime gzip in services/gzipped_static_files.py handles the missing case,
+# so dev mode without a build step still works.
+web/**/*.gz
+
 # ── IDE & OS ───────────────────────────────────────────────────────
 .DS_Store
 Thumbs.db
diff --git a/app.py b/app.py
index bf9df46b..69a97320 100644
--- a/app.py
+++ b/app.py
@@ -30,6 +30,7 @@
 from fastapi.staticfiles import StaticFiles
 
 from config import ConfigManager
+from services.gzipped_static_files import GzippedStaticFiles
 
 # Logging
 from services.structured_logger import configure_logging
@@ -293,9 +294,9 @@ async def dispatch(self, request: Request, call_next):
 
     # Mount locales FIRST (more specific path takes precedence)
     if os.path.isdir(locales_dir):
-        main_app.mount("/static/locales", StaticFiles(directory=locales_dir), name="locales")
+        main_app.mount("/static/locales", GzippedStaticFiles(directory=locales_dir), name="locales")
     # Then mount web/ for remaining static files
-    main_app.mount("/static", StaticFiles(directory=web_dir), name="static")
+    main_app.mount("/static", GzippedStaticFiles(directory=web_dir), name="static")
 
     # Generated chapter images
     images_dir = os.path.join(base_dir, "output", "images")
diff --git a/package.json b/package.json
index bd74fa52..7dc35720 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,8 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "tsc -p tsconfig.build.json && node scripts/build-runtime-bundle.mjs",
+    "build": "tsc -p tsconfig.build.json && node scripts/build-runtime-bundle.mjs && node scripts/precompress-static.mjs",
+    "build:precompress": "node scripts/precompress-static.mjs",
     "build:bundle": "node scripts/build-runtime-bundle.mjs",
     "build:css": "tailwindcss -i web/css/main.css -o web/css/main.built.css --minify",
     "build:vite": "vite build",
diff --git a/scripts/build-runtime-bundle.mjs b/scripts/build-runtime-bundle.mjs
index 335fa954..3a586124 100644
--- a/scripts/build-runtime-bundle.mjs
+++ b/scripts/build-runtime-bundle.mjs
@@ -1,14 +1,17 @@
 #!/usr/bin/env node
 /**
- * build-runtime-bundle.mjs — concat + minify the 13 runtime <script src> files
- * referenced at the bottom of web/index.html into a single bundle.
+ * build-runtime-bundle.mjs — assemble web/dist/js/runtime-bundle.min.js.
  *
- * Sprint perf/forge-shell P2: collapses 13 HTTP requests + parse round-trips
- * into one. The source files use classic-script globals (no ES module syntax),
- * so plain concatenation preserves semantics — they share window scope today
- * and they share it after bundling.
+ * Two-stage build:
+ *   1. CLASSIC concat — files that publish window-scoped globals consumed by
+ *      inline x-data="pipelinePage()" / x-data="libraryPage()" / etc. handlers
+ *      in web/index.html. We strip stray `export`/`import` so a top-level
+ *      `export function X` becomes a classic `function X` global.
+ *   2. ESM IIFE bundle — web/js/app.js as the entry point. esbuild resolves
+ *      the full ESM graph (stores/, components/, page exports, d3-force from
+ *      node_modules) into one self-contained IIFE. This block owns the
+ *      `alpine:init` listener that registers stores and components.
  *
- * Output: web/dist/js/runtime-bundle.min.js  (committed for prod serving)
  * Re-run: npm run build:bundle
  */
 
@@ -20,31 +23,33 @@ import { build } from 'esbuild';
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const ROOT = path.resolve(__dirname, '..');
 
-// Order MUST match the 13 <script src> tags at the bottom of web/index.html.
-// storage-manager + api-client define globals consumed by pages/*; app.js boots
-// Alpine after every page function is registered, so it MUST come last.
-const SOURCES = [
+// Classic-script sources. Each file's top-level `function name()` (or
+// `export function name()` after `export` is stripped) becomes a window
+// global so inline x-data="..." handlers resolve. app.js is NOT here — it
+// lives in the ESM bundle (stage 2) because its imports require resolution.
+const CLASSIC_SOURCES = [
   'web/js/storage-manager.js',
   'web/js/api-client.js',
+  'web/js/i18n.js',
   'web/js/pages/library.js',
-  'web/js/pages/export.js',
-  'web/js/pages/analytics.js',
-  'web/js/pages/branching.js',
   'web/js/pages/pipeline.js',
   'web/js/pages/providers.js',
+  'web/js/pages/analytics.js',
+  'web/js/pages/branching.js',
+  'web/js/pages/export.js',
   'web/js/pages/settings.js',
+  'web/js/pages/reader.js',
   'web/js/branch-reader.js',
   'web/js/tree-visualizer.js',
-  'web/js/i18n.js',
-  'web/js/app.js',
 ];
 
+const ESM_ENTRY = 'web/js/app.js';
 const OUT_DIR = path.join(ROOT, 'web', 'dist', 'js');
 const OUT_FILE = path.join(OUT_DIR, 'runtime-bundle.min.js');
 
-async function main() {
+async function buildClassicBlock() {
   const missing = [];
-  for (const rel of SOURCES) {
+  for (const rel of CLASSIC_SOURCES) {
     try {
       await fs.access(path.join(ROOT, rel));
     } catch {
@@ -52,23 +57,16 @@ async function main() {
     }
   }
   if (missing.length) {
-    console.error('[bundle] missing sources (run `npm run build` first?):\n  ' + missing.join('\n  '));
-    process.exit(1);
+    throw new Error('missing classic sources:\n  ' + missing.join('\n  '));
   }
 
   const parts = [];
-  parts.push('/* runtime-bundle.min.js — concat of ' + SOURCES.length + ' source files (perf/forge-shell P2) */');
-  for (const rel of SOURCES) {
+  parts.push('/* runtime-bundle.min.js — classic concat block */');
+  for (const rel of CLASSIC_SOURCES) {
     let code = await fs.readFile(path.join(ROOT, rel), 'utf8');
-    // tsc emits `export function`/`export const` even with isolatedModules=true; the
-    // pre-bundling world treated these as window globals, so strip the `export ` prefix
-    // to keep the classic-script semantics under concatenation.
     code = code.replace(/^\s*export\s+(function|const|let|var|class|async\s+function)\s+/gm, '$1 ');
-    // Strip any stray ESM marker that would force module mode at runtime.
+    code = code.replace(/^\s*export\s*\{[^}]*\}\s*;?\s*$/gm, '');
     code = code.replace(/^Object\.defineProperty\(exports,\s*"__esModule",[^)]*\);?\s*$/gm, '');
-    // Drop `import { X, Y } from '...';` lines — concatenation already puts every
-    // symbol in shared global scope, and the import binding collides with the
-    // `function X` declaration once `export` is stripped from the source module.
     code = code.replace(/^\s*import\s+(?:[\s\S]*?)\s+from\s+['"][^'"]+['"];?\s*$/gm, '');
     code = code.replace(/^\s*import\s+['"][^'"]+['"];?\s*$/gm, '');
     parts.push(`/* === ${rel} === */`);
@@ -76,30 +74,55 @@ async function main() {
   }
   const concatenated = parts.join('\n');
 
-  await fs.mkdir(OUT_DIR, { recursive: true });
-
   const result = await build({
     stdin: { contents: concatenated, loader: 'js', resolveDir: ROOT },
     write: false,
     bundle: false,
     minify: true,
     target: 'es2020',
-    // No format: classic-script semantics — every top-level `function name()` stays
-    // a window-scoped global so Alpine.data() and inline event handlers can resolve
-    // them, exactly as they did before bundling.
     legalComments: 'none',
     logLevel: 'warning',
   });
+  return { rawSize: Buffer.byteLength(concatenated, 'utf8'), minified: result.outputFiles[0].text };
+}
 
-  const out = result.outputFiles[0].text;
+async function buildEsmBlock() {
+  const result = await build({
+    entryPoints: [path.join(ROOT, ESM_ENTRY)],
+    write: false,
+    bundle: true,
+    format: 'iife',
+    minify: true,
+    target: 'es2020',
+    platform: 'browser',
+    legalComments: 'none',
+    logLevel: 'warning',
+  });
+  return { minified: result.outputFiles[0].text };
+}
+
+async function main() {
+  const [classicBlock, esmBlock] = await Promise.all([
+    buildClassicBlock(),
+    buildEsmBlock(),
+  ]);
+
+  const out =
+    '/* runtime-bundle.min.js — classic globals + ESM IIFE (perf/forge-shell-2 S?) */\n' +
+    classicBlock.minified +
+    '\n' +
+    esmBlock.minified +
+    '\n';
+
+  await fs.mkdir(OUT_DIR, { recursive: true });
   await fs.writeFile(OUT_FILE, out, 'utf8');
 
-  const sizeRaw = Buffer.byteLength(concatenated, 'utf8');
   const sizeMin = Buffer.byteLength(out, 'utf8');
   console.log(`[bundle] wrote ${path.relative(ROOT, OUT_FILE)}`);
-  console.log(`[bundle]   sources: ${SOURCES.length} files`);
-  console.log(`[bundle]   raw:     ${sizeRaw.toLocaleString()} bytes`);
-  console.log(`[bundle]   minified: ${sizeMin.toLocaleString()} bytes (${((sizeMin / sizeRaw) * 100).toFixed(1)}% of raw)`);
+  console.log(`[bundle]   classic raw:     ${classicBlock.rawSize.toLocaleString()} bytes`);
+  console.log(`[bundle]   classic min:     ${Buffer.byteLength(classicBlock.minified, 'utf8').toLocaleString()} bytes`);
+  console.log(`[bundle]   esm iife min:    ${Buffer.byteLength(esmBlock.minified, 'utf8').toLocaleString()} bytes`);
+  console.log(`[bundle]   total:           ${sizeMin.toLocaleString()} bytes`);
 }
 
 main().catch((err) => {
diff --git a/scripts/precompress-static.mjs b/scripts/precompress-static.mjs
new file mode 100644
index 00000000..954a3df6
--- /dev/null
+++ b/scripts/precompress-static.mjs
@@ -0,0 +1,116 @@
+#!/usr/bin/env node
+/**
+ * Pre-compress static assets with gzip (level 9) for the FastAPI server's
+ * GzippedStaticFiles handler to serve verbatim.
+ *
+ * Why: at runtime we compress on-demand at level 6 with an LRU cache, which
+ * is fine — but level 9 squeezes another ~3-5% out of CSS/JS for the cost of
+ * a few hundred ms of build-time CPU, paid once. Production wins.
+ *
+ * Walks a hard-coded list of asset dirs, writes `<file>.gz` next to every
+ * candidate > 1KB when the .gz is missing or older than the source.
+ *
+ * Run via `npm run build` (wired in package.json after the JS bundle step).
+ */
+
+import { promises as fs } from 'node:fs';
+import { gzipSync, constants as zlibConstants } from 'node:zlib';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const ROOT = path.resolve(__dirname, '..');
+
+const TARGET_DIRS = [
+  'web/css',
+  'web/dist/js',
+  'web/static',
+  'web/js', // built TS output, if present
+];
+
+const COMPRESSIBLE_EXTS = new Set(['.css', '.js', '.mjs', '.svg', '.json', '.map', '.html']);
+const MIN_SIZE = 1024;
+
+/** Recursively yield files under `dir`. Missing dirs are silently skipped. */
+async function* walk(dir) {
+  let entries;
+  try {
+    entries = await fs.readdir(dir, { withFileTypes: true });
+  } catch (err) {
+    if (err.code === 'ENOENT') return;
+    throw err;
+  }
+  for (const entry of entries) {
+    const full = path.join(dir, entry.name);
+    if (entry.isDirectory()) {
+      yield* walk(full);
+    } else if (entry.isFile()) {
+      yield full;
+    }
+  }
+}
+
+async function precompress(filePath) {
+  const ext = path.extname(filePath).toLowerCase();
+  if (!COMPRESSIBLE_EXTS.has(ext)) return null;
+  if (filePath.endsWith('.gz')) return null;
+
+  const srcStat = await fs.stat(filePath);
+  if (srcStat.size < MIN_SIZE) return null;
+
+  const gzPath = filePath + '.gz';
+  try {
+    const gzStat = await fs.stat(gzPath);
+    if (gzStat.mtimeMs >= srcStat.mtimeMs) {
+      return { filePath, skipped: true, savedBytes: 0 };
+    }
+  } catch (err) {
+    if (err.code !== 'ENOENT') throw err;
+  }
+
+  const raw = await fs.readFile(filePath);
+  const compressed = gzipSync(raw, { level: zlibConstants.Z_BEST_COMPRESSION });
+  await fs.writeFile(gzPath, compressed);
+  return {
+    filePath,
+    skipped: false,
+    savedBytes: raw.length - compressed.length,
+    rawSize: raw.length,
+    gzSize: compressed.length,
+  };
+}
+
+async function main() {
+  let compressed = 0;
+  let skipped = 0;
+  let savedBytes = 0;
+
+  for (const rel of TARGET_DIRS) {
+    const abs = path.join(ROOT, rel);
+    for await (const file of walk(abs)) {
+      const result = await precompress(file);
+      if (!result) continue;
+      if (result.skipped) {
+        skipped += 1;
+      } else {
+        compressed += 1;
+        savedBytes += result.savedBytes;
+        const relPath = path.relative(ROOT, result.filePath);
+        const pct = ((result.savedBytes / result.rawSize) * 100).toFixed(1);
+        console.log(
+          `  gz ${relPath}  ${result.rawSize}b → ${result.gzSize}b (-${pct}%)`,
+        );
+      }
+    }
+  }
+
+  const savedKb = (savedBytes / 1024).toFixed(1);
+  console.log(
+    `precompress-static: ${compressed} files compressed, ${skipped} up-to-date, ${savedKb} KB saved`,
+  );
+}
+
+main().catch((err) => {
+  console.error('precompress-static failed:', err);
+  process.exit(1);
+});
diff --git a/services/gzipped_static_files.py b/services/gzipped_static_files.py
new file mode 100644
index 00000000..71bef357
--- /dev/null
+++ b/services/gzipped_static_files.py
@@ -0,0 +1,203 @@
+"""Gzip-aware StaticFiles for FastAPI/Starlette.
+
+FastAPI's GZipMiddleware does NOT wrap StaticFiles mounts (the middleware sits
+above the routing layer but StaticFiles writes the body directly to the ASGI
+`send` callable, bypassing the buffering middleware would need).
+
+This class restores gzip on static responses two ways:
+
+1.  If a sibling `<path>.gz` file exists on disk (e.g. produced by
+    ``scripts/precompress-static.mjs``), serve it verbatim with the right
+    headers.  Highest compression level, zero CPU per request.
+2.  Otherwise, if the client accepts gzip and the payload is over the size
+    threshold, compress in-process and cache the result by ``(path, mtime)``
+    in a bounded LRU.  Dev mode without a build step still works.
+
+Small files (< ~1 KB) are served uncompressed: gzip framing overhead can
+exceed the savings and the CPU cost is wasted.
+"""
+
+from __future__ import annotations
+
+import gzip
+import mimetypes
+import os
+import stat
+from functools import lru_cache
+from typing import Tuple
+
+import anyio
+from starlette.datastructures import Headers
+from starlette.exceptions import HTTPException
+from starlette.responses import Response
+from starlette.staticfiles import StaticFiles
+from starlette.types import Scope
+
+# Minimum uncompressed size (bytes) before we bother gzipping at runtime.
+# Below this, framing overhead can negate the win and we pay CPU for nothing.
+_MIN_GZIP_SIZE = 1024
+
+# Content types that are already compressed (images, fonts, archives).
+# Re-gzipping them wastes CPU and rarely shrinks the payload.
+_SKIP_TYPES = frozenset(
+    {
+        "image/png",
+        "image/jpeg",
+        "image/jpg",
+        "image/gif",
+        "image/webp",
+        "image/avif",
+        "font/woff",
+        "font/woff2",
+        "application/zip",
+        "application/gzip",
+        "application/x-gzip",
+        "application/octet-stream",
+    }
+)
+
+
+def _client_accepts_gzip(scope: Scope) -> bool:
+    headers = Headers(scope=scope)
+    accept_encoding = headers.get("accept-encoding", "")
+    # Permissive parse: any token containing "gzip" counts.  Don't bother with
+    # q-values — no real client sends `gzip;q=0` for a static asset.
+    return "gzip" in accept_encoding.lower()
+
+
+def _guess_content_type(path: str) -> str:
+    ctype, _ = mimetypes.guess_type(path)
+    return ctype or "application/octet-stream"
+
+
+@lru_cache(maxsize=128)
+def _compress_cached(full_path: str, mtime_ns: int, size: int) -> bytes:
+    """Read + gzip a file, memoised by (path, mtime, size).
+
+    ``mtime_ns`` and ``size`` are part of the cache key so a touched/rewritten
+    file invalidates the entry naturally — no manual cache busting needed.
+    The ``size`` argument is unused inside the function but participates in
+    the key.
+    """
+    del size  # only used as part of the cache key
+    with open(full_path, "rb") as fh:
+        raw = fh.read()
+    # level=6 is the default zlib level — good ratio without burning CPU.
+    return gzip.compress(raw, compresslevel=6, mtime=0)
+
+
+class GzippedStaticFiles(StaticFiles):
+    """StaticFiles subclass that serves gzip when the client supports it.
+
+    Drop-in replacement: same constructor signature as ``StaticFiles``.
+    """
+
+    async def get_response(self, path: str, scope: Scope) -> Response:
+        if scope["method"] not in ("GET", "HEAD"):
+            raise HTTPException(status_code=405)
+
+        if not _client_accepts_gzip(scope):
+            return await super().get_response(path, scope)
+
+        # Try precompressed sibling first (e.g. main.built.css.gz).
+        gz_path = path + ".gz"
+        try:
+            gz_full_path, gz_stat = await anyio.to_thread.run_sync(
+                self.lookup_path, gz_path
+            )
+        except (PermissionError, OSError):
+            gz_full_path, gz_stat = "", None
+
+        if gz_stat is not None and stat.S_ISREG(gz_stat.st_mode):
+            # Locate the un-compressed sibling so we know the original
+            # content-type and can serve a sane response if the underlying
+            # file is missing.  This also gives the upstream caching
+            # response logic something to hash against.
+            try:
+                orig_full_path, orig_stat = await anyio.to_thread.run_sync(
+                    self.lookup_path, path
+                )
+            except (PermissionError, OSError):
+                orig_full_path, orig_stat = "", None
+
+            content_type = _guess_content_type(path)
+            return await self._precompressed_response(
+                gz_full_path,
+                gz_stat,
+                content_type,
+                scope,
+            )
+
+        # No precompressed sibling — fall back to runtime gzip when worth it.
+        try:
+            full_path, file_stat = await anyio.to_thread.run_sync(
+                self.lookup_path, path
+            )
+        except PermissionError:
+            raise HTTPException(status_code=401)
+        except OSError as exc:
+            # Re-use the parent's 404/path-too-long handling.
+            return await super().get_response(path, scope)
+
+        if (
+            file_stat is not None
+            and stat.S_ISREG(file_stat.st_mode)
+            and file_stat.st_size >= _MIN_GZIP_SIZE
+        ):
+            content_type = _guess_content_type(path)
+            if content_type not in _SKIP_TYPES:
+                return await self._runtime_gzip_response(
+                    full_path, file_stat, content_type, scope
+                )
+
+        # Fall through: directory, missing, too-small, or skip-type.
+        return await super().get_response(path, scope)
+
+    async def _precompressed_response(
+        self,
+        gz_full_path: str,
+        gz_stat: os.stat_result,
+        content_type: str,
+        scope: Scope,
+    ) -> Response:
+        def _read() -> bytes:
+            with open(gz_full_path, "rb") as fh:
+                return fh.read()
+
+        body = await anyio.to_thread.run_sync(_read)
+        headers = {
+            "content-encoding": "gzip",
+            "content-type": content_type,
+            "vary": "Accept-Encoding",
+            "content-length": str(len(body)),
+        }
+        return Response(
+            content=body if scope["method"] == "GET" else b"",
+            status_code=200,
+            headers=headers,
+        )
+
+    async def _runtime_gzip_response(
+        self,
+        full_path: str,
+        file_stat: os.stat_result,
+        content_type: str,
+        scope: Scope,
+    ) -> Response:
+        body = await anyio.to_thread.run_sync(
+            _compress_cached, full_path, file_stat.st_mtime_ns, file_stat.st_size
+        )
+        headers = {
+            "content-encoding": "gzip",
+            "content-type": content_type,
+            "vary": "Accept-Encoding",
+            "content-length": str(len(body)),
+        }
+        return Response(
+            content=body if scope["method"] == "GET" else b"",
+            status_code=200,
+            headers=headers,
+        )
+
+
+__all__ = ["GzippedStaticFiles"]
diff --git a/tailwind.config.js b/tailwind.config.js
index bd636069..419008a5 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -17,13 +17,15 @@ module.exports = {
   // Paths Tailwind scans to detect used class names for PurgeCSS/JIT tree-shaking.
   // Must cover every file that references Tailwind utilities — missing paths cause
   // classes to be purged in production builds.
+  //
+  // We scan TS sources only (not compiled .js siblings or web/dist/**) — minified
+  // bundles add false-positive identifier matches that bloat the purged output.
   content: [
-    'web/**/*.html',
-    'web/**/*.js',
+    'web/index.html',
+    'web/dashboard.html',
+    'web/js/**/*.ts',
     // Include any Jinja/HTML templates served by FastAPI (if present)
     'templates/**/*.html',
-    // Alpine.js x-bind / :class expressions inside inline scripts
-    'web/**/*.ts',
   ],
 
   theme: {
diff --git a/tests/test_gzipped_static_files.py b/tests/test_gzipped_static_files.py
new file mode 100644
index 00000000..d3a44609
--- /dev/null
+++ b/tests/test_gzipped_static_files.py
@@ -0,0 +1,115 @@
+"""Tests for services.gzipped_static_files.GzippedStaticFiles.
+
+Verifies the four contractual behaviours documented in S3:
+
+1.  Precompressed `.gz` sibling is served verbatim with `Content-Encoding: gzip`.
+2.  Files >1KB without a sibling get compressed at runtime; the body decodes
+    back to the original payload.
+3.  Missing `Accept-Encoding` header → uncompressed response.
+4.  Files <1KB are served uncompressed regardless of `Accept-Encoding`.
+"""
+
+from __future__ import annotations
+
+import gzip
+import os
+from pathlib import Path
+
+import httpx
+import pytest
+import pytest_asyncio
+from fastapi import FastAPI
+
+from services.gzipped_static_files import GzippedStaticFiles
+
+
+# ---------- fixtures ----------------------------------------------------------
+
+
+@pytest_asyncio.fixture
+async def static_app(tmp_path: Path):
+    """Build a tiny FastAPI app mounting GzippedStaticFiles at /static.
+
+    The fixture yields ``(client, tmp_path)`` so each test can drop assets into
+    the tmp dir and immediately request them.
+    """
+    app = FastAPI()
+    app.mount("/static", GzippedStaticFiles(directory=str(tmp_path)), name="static")
+
+    transport = httpx.ASGITransport(app=app)
+    async with httpx.AsyncClient(transport=transport, base_url="http://test") as client:
+        yield client, tmp_path
+
+
+# ---------- tests -------------------------------------------------------------
+
+
+@pytest.mark.asyncio
+async def test_serves_precompressed_gz_when_available(static_app):
+    client, tmp_path = static_app
+    # Large enough that runtime gzip *would* fire — so we can prove the sibling
+    # is preferred (different bytes vs runtime-compressed level=6).
+    raw = (b"body { color: hotpink; } /* padding */" * 50)
+    (tmp_path / "foo.css").write_bytes(raw)
+    # Use a deliberately distinct compression level (9) so the .gz bytes
+    # differ from what runtime gzip would produce at level 6.
+    gz_bytes = gzip.compress(raw, compresslevel=9, mtime=0)
+    (tmp_path / "foo.css.gz").write_bytes(gz_bytes)
+
+    resp = await client.get("/static/foo.css", headers={"Accept-Encoding": "gzip"})
+
+    assert resp.status_code == 200
+    assert resp.headers.get("content-encoding") == "gzip"
+    assert resp.headers.get("content-type", "").startswith("text/css")
+    assert resp.headers.get("vary") == "Accept-Encoding"
+    # httpx auto-decompresses when transport sees content-encoding; compare the
+    # decoded bytes to the raw source to confirm payload integrity.
+    assert resp.content == raw
+    # Confirm we actually shipped the level-9 sibling, not a runtime recompress:
+    # decompress the on-disk file and the response body should match the raw.
+    assert gzip.decompress(gz_bytes) == raw
+
+
+@pytest.mark.asyncio
+async def test_falls_back_to_runtime_gzip_when_no_sibling(static_app):
+    client, tmp_path = static_app
+    raw = b"console.log('hello world');\n" * 100  # ~2.7KB, well above 1KB
+    (tmp_path / "app.js").write_bytes(raw)
+
+    resp = await client.get("/static/app.js", headers={"Accept-Encoding": "gzip"})
+
+    assert resp.status_code == 200
+    assert resp.headers.get("content-encoding") == "gzip"
+    assert resp.headers.get("vary") == "Accept-Encoding"
+    # httpx already decoded the body for us — verify it round-trips.
+    assert resp.content == raw
+
+
+@pytest.mark.asyncio
+async def test_no_gzip_when_accept_encoding_omitted(static_app):
+    client, tmp_path = static_app
+    raw = b"a" * 4096
+    (tmp_path / "plain.css").write_bytes(raw)
+    # A sibling .gz exists too — must still NOT be served when the client
+    # doesn't advertise gzip support.
+    (tmp_path / "plain.css.gz").write_bytes(gzip.compress(raw))
+
+    # httpx adds its own Accept-Encoding by default; override explicitly.
+    resp = await client.get("/static/plain.css", headers={"Accept-Encoding": "identity"})
+
+    assert resp.status_code == 200
+    assert resp.headers.get("content-encoding") in (None, "")
+    assert resp.content == raw
+
+
+@pytest.mark.asyncio
+async def test_no_gzip_for_small_files(static_app):
+    client, tmp_path = static_app
+    raw = b"tiny"  # 4 bytes — well below threshold
+    (tmp_path / "tiny.css").write_bytes(raw)
+
+    resp = await client.get("/static/tiny.css", headers={"Accept-Encoding": "gzip"})
+
+    assert resp.status_code == 200
+    assert resp.headers.get("content-encoding") in (None, "")
+    assert resp.content == raw
diff --git a/web/css/components.css b/web/css/components.css
index e585f2a9..6e5cf37a 100644
--- a/web/css/components.css
+++ b/web/css/components.css
@@ -1,9 +1,8 @@
 /* web/css/components.css — Forge UI redesign component styles
  *
- * All rules are gated behind :root[data-forge-ui="on"] so the new visuals
- * apply ONLY when the STORYFORGE_FORGE_UI flag is enabled. With the flag
- * off, every selector below is inert (no specificity bump, no overrides),
- * which keeps the legacy UI byte-identical.
+ * All rules are gated behind :root[data-forge-ui="on"]. The attribute is set
+ * at boot (web/js/app.ts) since the Forge UI is shipped on
+ * (STORYFORGE_FORGE_UI flag removed sprint perf/forge-shell-2).
  *
  * Sourced from plans/260512-1949-uiux-prd-implementation/02-ux-architecture.md §2.
  */
diff --git a/web/css/main.built.css b/web/css/main.built.css
index 3bf846b1..7bd767be 100644
--- a/web/css/main.built.css
+++ b/web/css/main.built.css
@@ -1,3 +1,3 @@
 :root{--sf-color-brand-50:#eff6ff;--sf-color-brand-100:#dbeafe;--sf-color-brand-200:#bfdbfe;--sf-color-brand-500:#3b82f6;--sf-color-brand-600:#2563eb;--sf-color-brand-700:#1d4ed8;--sf-color-brand-800:#1e40af;--sf-color-surface-50:#f8fafc;--sf-color-surface-100:#f1f5f9;--sf-color-surface-200:#e2e8f0;--sf-color-text-primary:#1e293b;--sf-color-text-secondary:#475569;--sf-color-text-muted:#94a3b8;--sf-color-status-success:#16a34a;--sf-color-status-error:#dc2626;--sf-color-status-warning:#f59e0b;--sf-font-sans:"Inter",system-ui,sans-serif;--sf-text-xs:12px;--sf-text-sm:14px;--sf-text-base:16px;--sf-text-lg:18px;--sf-text-xl:20px;--sf-text-2xl:24px;--sf-font-light:300;--sf-font-normal:400;--sf-font-medium:500;--sf-font-semibold:600;--sf-font-bold:700;--sf-space-1:4px;--sf-space-2:8px;--sf-space-3:12px;--sf-space-4:16px;--sf-space-5:20px;--sf-space-6:24px;--sf-space-8:32px;--sf-space-10:40px;--sf-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--sf-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--sf-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--sf-radius-sm:6px;--sf-radius-md:8px;--sf-radius-lg:12px;--sf-radius-xl:16px;--sf-radius-full:9999px;--sf-duration-fast:150ms;--sf-duration-base:250ms;--sf-duration-slow:400ms;--sf-ease-default:ease;--sf-ease-out:ease-out;--sf-ease-spring:cubic-bezier(0.4,0,0.2,1);--sf-bg-base:#fafaf7;--sf-bg-surface:#fff;--sf-bg-elevated:#f5f5f0;--sf-text-primary:#1a1a2e;--sf-text-secondary:#6b7280;--sf-text-tertiary:#94a3b8;--sf-accent-primary:#2563eb;--sf-accent-forge:#f59e0b;--sf-accent-complete:#10b981;--sf-accent-danger:#ef4444;--sf-border-subtle:#e5e5e0;--sf-border-strong:#94a3b8;--sf-font-display:"Inter",system-ui,sans-serif;--sf-font-body:"Inter",system-ui,sans-serif;--sf-font-mono:"JetBrains Mono",ui-monospace,"Sarasa Mono SC",monospace;--sf-text-display:32px;--sf-text-h1:24px;--sf-text-h2:20px;--sf-text-h3:18px;--sf-text-h4:16px;--sf-text-body:13px;--sf-text-caption:11px;--sf-space-7:28px;--sf-space-9:36px;--sf-space-11:44px;--sf-space-12:48px;--sf-ease-spring-emphasized:cubic-bezier(0.2,0,0,1);--sf-duration-instant:0ms;--sf-duration-shimmer:1800ms}@media (prefers-color-scheme:dark){:root{--sf-color-surface-50:#0f172a;--sf-color-surface-100:#1e293b;--sf-color-surface-200:#334155;--sf-color-text-primary:#f8fafc;--sf-color-text-secondary:#e2e8f0;--sf-color-text-muted:#94a3b8}}.dark{--sf-color-surface-50:#0f172a;--sf-color-surface-100:#1e293b;--sf-color-surface-200:#334155;--sf-color-text-primary:#f8fafc;--sf-color-text-secondary:#e2e8f0;--sf-color-text-muted:#94a3b8;--sf-shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--sf-shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -2px rgba(0,0,0,.3);--sf-shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.3);--dm-bg:#0f172a;--dm-surface:#1e293b;--dm-border:#475569;--dm-text:#f8fafc;--dm-text-secondary:#e2e8f0;--dm-text-muted:#94a3b8;--sf-bg-base:#0f1219;--sf-bg-surface:#1a1f2e;--sf-bg-elevated:#242a3d;--sf-text-primary:#e8e8ed;--sf-text-secondary:#9ca3af;--sf-text-tertiary:#94a3b8;--sf-accent-primary:#3b82f6;--sf-accent-forge:#fbbf24;--sf-accent-complete:#34d399;--sf-accent-danger:#f87171;--sf-border-subtle:#2d3348;--sf-border-strong:#475569}@media (prefers-color-scheme:dark){:root:not(.light){--sf-bg-base:#0f1219;--sf-bg-surface:#1a1f2e;--sf-bg-elevated:#242a3d;--sf-text-primary:#e8e8ed;--sf-text-secondary:#9ca3af;--sf-text-tertiary:#94a3b8;--sf-accent-primary:#3b82f6;--sf-accent-forge:#fbbf24;--sf-accent-complete:#34d399;--sf-accent-danger:#f87171;--sf-border-subtle:#2d3348;--sf-border-strong:#475569}}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;box-shadow:0 0 0 4px rgba(59,130,246,.15)}.star-rating{display:inline-flex;gap:2px;line-height:1}.star{cursor:pointer;font-size:1.5rem;color:var(--sf-color-text-muted,#94a3b8);transition:color var(--sf-duration-fast,.15s) var(--sf-ease-default,ease),transform var(--sf-duration-fast,.15s) var(--sf-ease-default,ease);-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1}.star-sm .star,.star.star-sm{font-size:1rem}.star-lg .star,.star.star-lg{font-size:2rem}.star.filled,.star:hover{color:#f59e0b}.star:hover{transform:scale(1.15)}.star:active{transform:scale(.9)}.star-rating.readonly .star{cursor:default;pointer-events:none}.star-rating.readonly .star:hover{transform:none}@keyframes sf-feedback-pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.feedback-success{animation:sf-feedback-pop var(--sf-duration-slow,.4s) var(--sf-ease-spring,cubic-bezier(.4,0,.2,1)) forwards}@keyframes sf-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.feedback-details-enter{animation:sf-slide-down var(--sf-duration-base,.25s) var(--sf-ease-out,ease-out) forwards}@media (max-width:639px){[role=button],a,button,input[type=checkbox],input[type=radio],select{min-height:44px}button.p-1,button.p-1\.5,button.p-2{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.grid.grid-cols-2,.grid.sm\:grid-cols-2{grid-template-columns:1fr!important}input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],select,textarea{width:100%!important;box-sizing:border-box}.story-form,[id=page-config],[id=page-setup],form{padding-left:1rem!important;padding-right:1rem!important}.text-xs{font-size:.7rem}.btn-primary,button[type=submit]{width:100%;justify-content:center}.branch-reader,.reader-container,[id=page-reader]{overflow-x:hidden;width:100%;max-width:100vw}.chapter-content,.prose,[id=page-reader] p{word-break:break-word;overflow-wrap:break-word;hyphens:auto}.branch-choices,.flex.gap-3.mt-4{flex-direction:column!important;gap:.5rem!important}.reader-scroll-area{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 120px);padding-bottom:env(safe-area-inset-bottom,1rem)}.audio-player,.tts-player,[id=audio-controls]{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important;padding:.75rem!important}.audio-player input[type=range],.tts-player input[type=range]{width:100%!important;min-height:44px}.audio-controls-row{display:flex;justify-content:center;gap:.75rem}}@media (max-width:639px){@media (max-width:374px){.audio-volume-control{display:none}}}@media (max-width:767px){main{margin-left:0!important;padding-left:.5rem;padding-right:.5rem}header h1{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.sf-branch-tree-block canvas,.sf-branch-tree__canvas{max-width:100vw!important;width:100%!important}.sf-reader__sidebar{position:fixed;top:0;left:0;bottom:0;z-index:40;width:80vw;max-width:300px;transform:translateX(-100%);transition:transform .2s ease;overflow-y:auto}.sf-reader__sidebar[data-open=true]{transform:translateX(0)}.sf-stat-tile{min-height:44px}.sf-agent-bubble{width:100%}.sf-theater{overflow-x:hidden}.sf-export-cards,.sf-settings-providers{grid-template-columns:1fr!important}}@supports (padding:env(safe-area-inset-bottom)){aside,body{padding-bottom:env(safe-area-inset-bottom)}}:root[data-forge-ui=on] .sf-forge-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sf-space-2);padding:var(--sf-space-3) var(--sf-space-6);border:1px solid transparent;border-radius:var(--sf-radius-md);font-family:var(--sf-font-body);font-size:var(--sf-text-h4);font-weight:var(--sf-font-semibold);line-height:1;background:var(--sf-accent-primary);color:#fff;cursor:pointer;transition:background-color var(--sf-duration-fast) var(--sf-ease-spring),box-shadow var(--sf-duration-fast) var(--sf-ease-spring),transform var(--sf-duration-fast) var(--sf-ease-spring)}:root[data-forge-ui=on] .sf-forge-btn[data-variant=secondary]{background:var(--sf-bg-elevated);color:var(--sf-text-primary);border-color:var(--sf-border-subtle)}:root[data-forge-ui=on] .sf-forge-btn[data-variant=ghost]{background:transparent;color:var(--sf-text-primary);border-color:transparent}:root[data-forge-ui=on] .sf-forge-btn[data-variant=danger]{background:var(--sf-accent-danger);color:#fff}:root[data-forge-ui=on] .sf-forge-btn:hover:not([disabled]),:root[data-forge-ui=on] .sf-forge-btn[data-state=hover]:not([disabled]){transform:translateY(-1px);box-shadow:var(--sf-shadow-md)}:root[data-forge-ui=on] .sf-forge-btn[aria-busy=true],:root[data-forge-ui=on] .sf-forge-btn[data-state=loading]{background:var(--sf-accent-forge);cursor:progress}:root[data-forge-ui=on] .sf-forge-btn[data-state=loading]:after{content:"";width:12px;height:12px;border-radius:var(--sf-radius-full);background:currentColor;opacity:.85;animation:sf-forge-btn-pulse var(--sf-duration-shimmer) var(--sf-ease-spring) infinite}:root[data-forge-ui=on] .sf-forge-btn[data-state=disabled],:root[data-forge-ui=on] .sf-forge-btn[disabled]{opacity:.5;cursor:not-allowed}@keyframes sf-forge-btn-pulse{0%,to{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){:root[data-forge-ui=on] .sf-forge-btn,:root[data-forge-ui=on] .sf-forge-btn[data-state=loading]:after{transition:none;animation:none}}:root[data-forge-ui=on] .sf-phase-timeline{display:flex;flex-direction:row;align-items:center;gap:var(--sf-space-3);list-style:none;margin:0;padding:0}:root[data-forge-ui=on] .sf-phase-timeline__step{position:relative;display:inline-flex;align-items:center;gap:var(--sf-space-2);padding:var(--sf-space-2) var(--sf-space-3);border-radius:var(--sf-radius-md);background:var(--sf-bg-surface);border:1px solid var(--sf-border-subtle);color:var(--sf-text-secondary);font-size:var(--sf-text-caption);font-family:var(--sf-font-body);transition:background-color var(--sf-duration-fast) var(--sf-ease-spring),color var(--sf-duration-fast) var(--sf-ease-spring),box-shadow var(--sf-duration-fast) var(--sf-ease-spring)}:root[data-forge-ui=on] .sf-phase-timeline__step[data-state=active]{color:var(--sf-text-primary);border-color:var(--sf-accent-forge);box-shadow:0 0 0 0 var(--sf-accent-forge);animation:sf-phase-pulse 1.2s var(--sf-ease-spring) infinite}:root[data-forge-ui=on] .sf-phase-timeline__step[data-state=done]{color:var(--sf-text-primary);border-color:var(--sf-accent-complete);background:var(--sf-bg-elevated)}:root[data-forge-ui=on] .sf-phase-timeline__step[data-state=error]{color:var(--sf-text-primary);border-color:var(--sf-accent-danger)}@keyframes sf-phase-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklab,var(--sf-accent-forge) 60%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in oklab,var(--sf-accent-forge) 0,transparent)}}@media (prefers-reduced-motion:reduce){:root[data-forge-ui=on] .sf-phase-timeline__step[data-state=active]{animation:none}}:root[data-forge-ui=on] .sf-genre-orb{--orb-hue:var(--sf-accent-primary);position:relative;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--sf-radius-full);border:2px solid var(--sf-border-subtle);background:radial-gradient(circle at 30% 30%,color-mix(in oklab,var(--orb-hue) 30%,transparent) 0,transparent 70%);cursor:pointer;transition:transform var(--sf-duration-fast) var(--sf-ease-spring),box-shadow var(--sf-duration-fast) var(--sf-ease-spring),border-color var(--sf-duration-fast) var(--sf-ease-spring)}:root[data-forge-ui=on] .sf-genre-orb:hover{transform:scale(1.05);box-shadow:0 0 24px color-mix(in oklab,var(--orb-hue) 40%,transparent)}:root[data-forge-ui=on] .sf-genre-orb[aria-checked=true]{border-color:var(--orb-hue);background:radial-gradient(circle at 30% 30%,var(--orb-hue) 0,color-mix(in oklab,var(--orb-hue) 40%,transparent) 80%)}:root[data-forge-ui=on] .sf-genre-orb__label{font-size:var(--sf-text-caption);color:var(--sf-text-secondary)}@media (prefers-reduced-motion:reduce){:root[data-forge-ui=on] .sf-genre-orb{transition:none}:root[data-forge-ui=on] .sf-genre-orb:hover{transform:none;box-shadow:none}}:root[data-forge-ui=on] .sf-config-panel{border:1px solid var(--sf-border-subtle);border-radius:var(--sf-radius-md);background:var(--sf-bg-surface);margin-bottom:var(--sf-space-3);overflow:hidden}:root[data-forge-ui=on] .sf-config-panel__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sf-space-3);padding:var(--sf-space-3) var(--sf-space-4);font-family:var(--sf-font-body);font-size:var(--sf-text-h4);font-weight:var(--sf-font-semibold);color:var(--sf-text-primary);cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:root[data-forge-ui=on] .sf-config-panel__summary::-webkit-details-marker{display:none}:root[data-forge-ui=on] .sf-config-panel__chevron{display:inline-block;width:12px;height:12px;transition:transform var(--sf-duration-fast) var(--sf-ease-spring)}:root[data-forge-ui=on] .sf-config-panel[data-expanded=true] .sf-config-panel__chevron,:root[data-forge-ui=on] details[open] .sf-config-panel__chevron{transform:rotate(90deg)}:root[data-forge-ui=on] .sf-config-panel[data-dirty=true] .sf-config-panel__summary:after{content:"";width:8px;height:8px;border-radius:var(--sf-radius-full);background:var(--sf-accent-primary);margin-left:var(--sf-space-2)}:root[data-forge-ui=on] .sf-config-panel__body{padding:var(--sf-space-3) var(--sf-space-4);border-top:1px solid var(--sf-border-subtle);display:grid;gap:var(--sf-space-3)}:root[data-forge-ui=on] .sf-config-panel__field{display:grid;gap:var(--sf-space-1)}:root[data-forge-ui=on] .sf-config-panel__field--invalid{color:var(--sf-accent-danger)}:root[data-forge-ui=on] .sf-config-panel__help{font-size:var(--sf-text-caption);color:var(--sf-text-secondary)}:root[data-forge-ui=on] .sf-config-panel__error{font-size:var(--sf-text-caption);color:var(--sf-accent-danger)}@media (prefers-reduced-motion:reduce){:root[data-forge-ui=on] .sf-config-panel__chevron{transition:none}}:root[data-forge-ui=on] .sf-story-card{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:var(--sf-space-2);padding:var(--sf-space-3);border-radius:var(--sf-radius-md);background:var(--sf-bg-surface);border:1px solid var(--sf-border-subtle);color:var(--sf-text-primary);text-decoration:none;cursor:pointer;transition:transform var(--sf-duration-fast) var(--sf-ease-spring),box-shadow var(--sf-duration-fast) var(--sf-ease-spring),border-color var(--sf-duration-fast) var(--sf-ease-spring)}:root[data-forge-ui=on] .sf-story-card[data-mode=list]{grid-template-columns:80px 1fr auto;grid-template-rows:auto;align-items:center}:root[data-forge-ui=on] .sf-story-card:focus-visible,:root[data-forge-ui=on] .sf-story-card:hover,:root[data-forge-ui=on] .sf-story-card[data-state=hover]{transform:translateY(-2px);box-shadow:var(--sf-shadow-md);border-color:var(--sf-accent-primary)}:root[data-forge-ui=on] .sf-story-card__cover{aspect-ratio:3/4;border-radius:var(--sf-radius-sm);background:var(--sf-bg-elevated);overflow:hidden}:root[data-forge-ui=on] .sf-story-card__cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}:root[data-forge-ui=on] .sf-story-card__title{font-family:var(--sf-font-body);font-size:var(--sf-text-h4);font-weight:var(--sf-font-semibold);color:var(--sf-text-primary);line-height:var(--sf-leading-snug)}:root[data-forge-ui=on] .sf-story-card__meta{display:flex;align-items:center;gap:var(--sf-space-2);font-size:var(--sf-text-caption);color:var(--sf-text-secondary)}:root[data-forge-ui=on] .sf-story-card__progress{position:relative;height:4px;border-radius:var(--sf-radius-full);background:var(--sf-border-subtle);overflow:hidden}:root[data-forge-ui=on] .sf-story-card__progress-fill{position:absolute;inset:0;width:0;background:var(--sf-accent-forge);transition:width var(--sf-duration-base) var(--sf-ease-spring)}:root[data-forge-ui=on] .sf-story-card[data-status=done]{border-color:var(--sf-accent-complete)}:root[data-forge-ui=on] .sf-story-card[data-status=error]{border-color:var(--sf-accent-danger)}:root[data-forge-ui=on] .sf-story-card__actions{display:flex;gap:var(--sf-space-1);opacity:0;transition:opacity var(--sf-duration-fast) var(--sf-ease-spring)}:root[data-forge-ui=on] .sf-story-card:focus-within .sf-story-card__actions,:root[data-forge-ui=on] .sf-story-card:hover .sf-story-card__actions{opacity:1}@media (prefers-reduced-motion:reduce){:root[data-forge-ui=on] .sf-story-card,:root[data-forge-ui=on] .sf-story-card__actions,:root[data-forge-ui=on] .sf-story-card__progress-fill{transition:none}:root[data-forge-ui=on] .sf-story-card:focus-visible,:root[data-forge-ui=on] .sf-story-card:hover{transform:none}}:root[data-forge-ui=on] .sf-toast-region{position:fixed;top:var(--sf-space-4);right:var(--sf-space-4);z-index:9999;display:flex;flex-direction:column;gap:var(--sf-space-2);pointer-events:none;max-width:380px}:root[data-forge-ui=on] .sf-toast-region--assertive{pointer-events:none}:root[data-forge-ui=on] .sf-toast{pointer-events:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:var(--sf-space-2);padding:var(--sf-space-3) var(--sf-space-4);border-radius:var(--sf-radius-md);background:var(--sf-bg-surface);border-left:4px solid var(--sf-accent-primary);box-shadow:var(--sf-shadow-md);font-family:var(--sf-font-body);font-size:var(--sf-text-body);color:var(--sf-text-primary);animation:sf-toast-enter var(--sf-duration-base) var(--sf-ease-spring)}:root[data-forge-ui=on] .sf-toast[data-variant=success]{border-left-color:var(--sf-accent-complete)}:root[data-forge-ui=on] .sf-toast[data-variant=warning]{border-left-color:var(--sf-accent-forge)}:root[data-forge-ui=on] .sf-toast[data-variant=error]{border-left-color:var(--sf-accent-danger)}:root[data-forge-ui=on] .sf-toast__message{line-height:var(--sf-leading-snug)}:root[data-forge-ui=on] .sf-toast__close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:var(--sf-radius-sm);color:var(--sf-text-secondary);cursor:pointer}:root[data-forge-ui=on] .sf-toast__close:hover{background:var(--sf-bg-elevated);color:var(--sf-text-primary)}@keyframes sf-toast-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){:root[data-forge-ui=on] .sf-toast{animation:none}}:root[data-forge-ui=on] .sf-library-forge{display:flex;flex-direction:column;gap:var(--sf-space-4)}:root[data-forge-ui=on] .sf-library-forge__viewbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sf-space-3)}:root[data-forge-ui=on] .sf-library-forge__count{font-size:var(--sf-text-caption);color:var(--sf-text-secondary)}:root[data-forge-ui=on] .sf-library-forge__viewmodes{display:inline-flex;gap:var(--sf-space-1);padding:var(--sf-space-1);border-radius:var(--sf-radius-md);background:var(--sf-bg-elevated)}:root[data-forge-ui=on] .sf-library-forge__viewmodes .sf-forge-btn[data-state=selected]{background:var(--sf-bg-surface);color:var(--sf-text-primary);box-shadow:var(--sf-shadow-sm)}:root[data-forge-ui=on] .sf-library-forge__grid{display:grid;gap:var(--sf-space-3)}:root[data-forge-ui=on] .sf-library-forge__grid[data-view=grid]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}:root[data-forge-ui=on] .sf-library-forge__grid[data-view=list]{grid-template-columns:1fr}:root[data-forge-ui=on] .sf-library-forge__empty{grid-column:1/-1;padding:var(--sf-space-8) var(--sf-space-4);text-align:center;font-size:var(--sf-text-caption);color:var(--sf-text-secondary)}:root[data-forge-ui=on] .sf-story-card__body{display:flex;flex-direction:column;gap:var(--sf-space-1);min-width:0}:root[data-forge-ui=on] .sf-story-card__body .sf-story-card__title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}:root[data-forge-ui=on] .sf-theater{display:flex;flex-direction:column;gap:var(--sf-space-3);padding:var(--sf-space-4);border-radius:var(--sf-radius-lg);background:var(--sf-bg-surface);border:1px solid var(--sf-border-subtle,rgba(148,163,184,.18));transition:background .32s ease,border-color .32s ease}:root[data-forge-ui=on] .sf-theater__header{display:flex;align-items:center;justify-content:space-between}:root[data-forge-ui=on] .sf-theater__title{font-size:var(--sf-text-body);font-weight:600;color:var(--sf-text-primary)}:root[data-forge-ui=on] .sf-theater__state{font-size:var(--sf-text-caption);text-transform:uppercase;letter-spacing:.06em;color:var(--sf-text-secondary)}:root[data-forge-ui=on] .sf-theater__agents{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sf-space-2)}:root[data-forge-ui=on] .sf-theater__empty{font-size:var(--sf-text-caption);color:var(--sf-text-secondary);text-align:center;padding:var(--sf-space-4) 0}:root[data-forge-ui=on] .sf-agent-bubble{display:flex;flex-direction:column;gap:var(--sf-space-1);padding:var(--sf-space-2);border-radius:var(--sf-radius-md);background:var(--sf-bg-elevated);border:1px solid transparent;transition:border-color .2s ease,transform .2s ease}:root[data-forge-ui=on] .sf-agent-bubble__head{display:flex;align-items:center;justify-content:space-between;font-size:var(--sf-text-caption)}:root[data-forge-ui=on] .sf-agent-bubble__name{font-weight:600;color:var(--sf-text-primary)}:root[data-forge-ui=on] .sf-agent-bubble__state{text-transform:uppercase;letter-spacing:.05em;color:var(--sf-text-secondary)}:root[data-forge-ui=on] .sf-agent-bubble__msg{font-size:var(--sf-text-caption);color:var(--sf-text-primary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}:root[data-forge-ui=on] .sf-agent-bubble[data-state=thinking]{border-color:rgba(99,102,241,.45)}:root[data-forge-ui=on] .sf-agent-bubble[data-state=speaking]{border-color:rgba(16,185,129,.45)}:root[data-forge-ui=on] .sf-agent-bubble[data-state=debating]{border-color:rgba(244,114,182,.55);transform:translateY(-1px)}:root[data-forge-ui=on] .sf-agent-bubble[data-state=voting]{border-color:rgba(245,158,11,.6)}:root[data-forge-ui=on] .sf-agent-bubble[data-state=done]{opacity:.7}:root[data-forge-ui=on] .sf-quality-gauge{display:flex;flex-direction:column;gap:var(--sf-space-2);padding:var(--sf-space-3);border-radius:var(--sf-radius-md);background:var(--sf-bg-elevated)}:root[data-forge-ui=on] .sf-quality-gauge__value{font-size:1.75rem;font-weight:700;color:var(--sf-text-primary);font-variant-numeric:tabular-nums}:root[data-forge-ui=on] .sf-quality-gauge__dims{display:flex;flex-wrap:wrap;gap:var(--sf-space-2);list-style:none;padding:0;margin:0}:root[data-forge-ui=on] .sf-quality-gauge__dim{display:inline-flex;align-items:center;gap:var(--sf-space-1);padding:0 var(--sf-space-2);border-radius:var(--sf-radius-pill,9999px);background:var(--sf-bg-surface);font-size:var(--sf-text-caption)}:root[data-forge-ui=on] .sf-quality-gauge__dim-name{color:var(--sf-text-secondary)}:root[data-forge-ui=on] .sf-quality-gauge__dim-value{color:var(--sf-text-primary);font-variant-numeric:tabular-nums;font-weight:600}:root[data-forge-ui=on] .sf-theater__graph{display:block;border-radius:var(--sf-radius-md);overflow:hidden;background:var(--sf-bg-elevated)}:root[data-forge-ui=on] .sf-character-graph{display:block;width:100%;height:auto;max-height:360px;touch-action:none}:root[data-forge-ui=on] .sf-theater__debate,:root[data-forge-ui=on] .sf-theater__reader{font-size:var(--sf-text-caption);color:var(--sf-text-primary);padding:var(--sf-space-1) var(--sf-space-2);border-radius:var(--sf-radius-sm,6px);background:var(--sf-bg-elevated)}:root[data-forge-ui=on] .sf-theater__debate-tag{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.08em;color:rgba(236,72,153,.95);margin-right:var(--sf-space-2)}:root[data-forge-ui=on] [data-page=pipeline][data-state=generating] .sf-theater{background:linear-gradient(180deg,rgba(99,102,241,.05),var(--sf-bg-surface));border-color:rgba(99,102,241,.25)}:root[data-forge-ui=on] [data-page=pipeline][data-state=done] .sf-theater{background:linear-gradient(180deg,rgba(16,185,129,.06),var(--sf-bg-surface));border-color:rgba(16,185,129,.3)}:root[data-forge-ui=on] [data-page=pipeline][data-state=error] .sf-theater{background:linear-gradient(180deg,rgba(244,63,94,.06),var(--sf-bg-surface));border-color:rgba(244,63,94,.35);animation:sf-theater-shake .32s ease}:root[data-forge-ui=on] [data-page=pipeline][data-state=interrupted] .sf-theater{background:linear-gradient(180deg,rgba(245,158,11,.06),var(--sf-bg-surface));border-color:rgba(245,158,11,.35)}@keyframes sf-theater-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}:root[data-forge-ui=on] .sf-reader{--sf-reader-bg:#f8fafc;--sf-reader-fg:#1f2937;--sf-reader-muted:#64748b;--sf-reader-card:#fff;--sf-reader-border:rgba(15,23,42,.08);--sf-reader-accent:var(--sf-color-brand-600,#4f46e5);--sf-reader-max-width:64ch;background:var(--sf-reader-bg);color:var(--sf-reader-fg);border-radius:14px;padding:12px;transition:background-color .2s ease,color .2s ease}:root[data-forge-ui=on] .sf-reader--sepia{--sf-reader-bg:#f4ecd8;--sf-reader-fg:#4b3a26;--sf-reader-muted:#8a7659;--sf-reader-card:#fbf5e3;--sf-reader-border:rgba(75,58,38,.16);--sf-reader-accent:#b45309}:root[data-forge-ui=on] .sf-reader--night{--sf-reader-bg:#0b1220;--sf-reader-fg:#e2e8f0;--sf-reader-muted:#94a3b8;--sf-reader-card:#111827;--sf-reader-border:rgba(148,163,184,.18);--sf-reader-accent:#a78bfa}:root[data-forge-ui=on] .sf-reader--col-narrow{--sf-reader-max-width:48ch}:root[data-forge-ui=on] .sf-reader--col-normal{--sf-reader-max-width:64ch}:root[data-forge-ui=on] .sf-reader--col-wide{--sf-reader-max-width:78ch}:root[data-forge-ui=on] .sf-reader .card{background:var(--sf-reader-card);color:var(--sf-reader-fg);border-color:var(--sf-reader-border)}:root[data-forge-ui=on] .sf-reader h2,:root[data-forge-ui=on] .sf-reader h3,:root[data-forge-ui=on] .sf-reader h4{color:var(--sf-reader-fg)}:root[data-forge-ui=on] .sf-reader__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;margin-bottom:12px;background:var(--sf-reader-card);border:1px solid var(--sf-reader-border);border-radius:12px;position:sticky;top:12px;z-index:5;backdrop-filter:saturate(140%) blur(6px)}:root[data-forge-ui=on] .sf-reader__group{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:8px;background:color-mix(in oklab,var(--sf-reader-bg) 70%,var(--sf-reader-card));border:1px solid var(--sf-reader-border)}:root[data-forge-ui=on] .sf-reader__group-label{font-size:10px;font-weight:700;color:var(--sf-reader-muted);letter-spacing:.04em;text-transform:uppercase;padding:0 4px}:root[data-forge-ui=on] .sf-reader__btn{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:var(--sf-reader-fg);font-weight:700;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .12s ease}:root[data-forge-ui=on] .sf-reader__btn:hover{background:color-mix(in oklab,var(--sf-reader-accent) 12%,transparent)}:root[data-forge-ui=on] .sf-reader__value{min-width:28px;text-align:center;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;color:var(--sf-reader-fg)}:root[data-forge-ui=on] .sf-reader__chip{padding:3px 10px;border-radius:999px;border:1px solid var(--sf-reader-border);background:transparent;color:var(--sf-reader-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .12s ease}:root[data-forge-ui=on] .sf-reader__chip:hover{color:var(--sf-reader-fg);border-color:var(--sf-reader-accent)}:root[data-forge-ui=on] .sf-reader__chip.is-active{background:var(--sf-reader-accent);color:#fff;border-color:var(--sf-reader-accent)}:root[data-forge-ui=on] .sf-reader__theme{width:28px;height:28px;border-radius:999px;border:1px solid var(--sf-reader-border);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px;background:var(--sf-reader-card);color:var(--sf-reader-fg);transition:transform .12s ease,box-shadow .12s ease}:root[data-forge-ui=on] .sf-reader__theme--day{background:#fafafa;color:#1f2937}:root[data-forge-ui=on] .sf-reader__theme--sepia{background:#f4ecd8;color:#4b3a26}:root[data-forge-ui=on] .sf-reader__theme--night{background:#0b1220;color:#e2e8f0}:root[data-forge-ui=on] .sf-reader__theme.is-active{box-shadow:0 0 0 2px var(--sf-reader-accent);transform:scale(1.08)}:root[data-forge-ui=on] .sf-reader__bookmark{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;border:1px solid var(--sf-reader-border);background:transparent;color:var(--sf-reader-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .12s ease}:root[data-forge-ui=on] .sf-reader__bookmark:hover{color:var(--sf-reader-fg);border-color:var(--sf-reader-accent)}:root[data-forge-ui=on] .sf-reader__bookmark[aria-pressed=true]{background:color-mix(in oklab,var(--sf-reader-accent) 16%,transparent);color:var(--sf-reader-accent);border-color:var(--sf-reader-accent)}:root[data-forge-ui=on] .sf-reader__bookmark-label{font-size:11px;letter-spacing:.01em}:root[data-forge-ui=on] .sf-reader__prose{font-size:var(--sf-reader-font-size,18px);line-height:var(--sf-reader-line-height,1.9);font-family:var(--sf-reader-font-family,"Iowan Old Style","Charter","Source Serif Pro",Georgia,serif);color:var(--sf-reader-fg);max-width:var(--sf-reader-max-width,64ch);margin-inline:auto;white-space:pre-wrap;word-spacing:.01em;hyphens:auto}:root[data-forge-ui=on] .sf-reader__prose strong{color:inherit;font-weight:700}:root[data-forge-ui=on] .sf-reader__prose br{line-height:inherit}@media (prefers-reduced-motion:reduce){:root[data-forge-ui=on] .sf-reader,:root[data-forge-ui=on] .sf-reader__bookmark,:root[data-forge-ui=on] .sf-reader__btn,:root[data-forge-ui=on] .sf-reader__chip,:root[data-forge-ui=on] .sf-reader__theme{transition:none}:root[data-forge-ui=on] [data-page=pipeline][data-state=error] .sf-theater{animation:none}:root[data-forge-ui=on] .sf-agent-bubble{transition:none}}:root[data-forge-ui=on] .sf-story-card__cover .sf-genre-orb{width:56px;height:56px;margin:var(--sf-space-3)}:root[data-forge-ui=on] .sf-reader__progress-bar{position:fixed;top:0;left:0;width:100%;height:3px;z-index:100;background:transparent;pointer-events:none}:root[data-forge-ui=on] .sf-reader__progress-fill{height:100%;background:var(--sf-accent-primary,#2563eb);transition:width .12s linear;transform-origin:left}@media (prefers-reduced-motion:reduce){:root[data-forge-ui=on] .sf-reader__progress-fill{transition:none}}:root[data-forge-ui=on] .sf-reader__sidebar{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;z-index:50;background:var(--sf-reader-card,#fff);border-left:1px solid var(--sf-reader-border,rgba(15,23,42,.08));display:flex;flex-direction:column;overflow:hidden;transform:translateX(100%);transition:transform var(--sf-duration-base,.25s) var(--sf-ease-spring,cubic-bezier(.4,0,.2,1))}:root[data-forge-ui=on] .sf-reader__sidebar[data-open=true]{transform:translateX(0)}:root[data-forge-ui=on] .sf-reader__sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--sf-reader-border,rgba(15,23,42,.08));font-size:13px;font-weight:600;color:var(--sf-reader-fg,#1f2937);flex-shrink:0}:root[data-forge-ui=on] .sf-reader__sidebar-close{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--sf-reader-muted,#64748b);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .12s ease}:root[data-forge-ui=on] .sf-reader__sidebar-close:hover{background:color-mix(in oklab,var(--sf-reader-fg,#1f2937) 8%,transparent)}:root[data-forge-ui=on] .sf-reader__sidebar-list{flex:1;overflow-y:auto;padding:8px 0}:root[data-forge-ui=on] .sf-reader__sidebar-item{display:flex;align-items:baseline;gap:8px;padding:9px 16px;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:background-color .12s ease}:root[data-forge-ui=on] .sf-reader__sidebar-item:hover{background:color-mix(in oklab,var(--sf-reader-accent,#4f46e5) 6%,transparent)}:root[data-forge-ui=on] .sf-reader__sidebar-item[aria-current=true]{background:color-mix(in oklab,var(--sf-reader-accent,#4f46e5) 10%,transparent)}:root[data-forge-ui=on] .sf-reader__sidebar-item[aria-current=true] .sf-reader__sidebar-num{color:var(--sf-reader-accent,#4f46e5);font-weight:700}:root[data-forge-ui=on] .sf-reader__sidebar-num{font-size:11px;font-weight:600;color:var(--sf-reader-muted,#64748b);min-width:28px;flex-shrink:0}:root[data-forge-ui=on] .sf-reader__sidebar-title{font-size:13px;color:var(--sf-reader-fg,#1f2937);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root[data-forge-ui=on] .sf-reader__sidebar-eta{font-size:10px;color:var(--sf-reader-muted,#64748b);flex-shrink:0;white-space:nowrap}:root[data-forge-ui=on] .sf-reader__sidebar-scrim{position:fixed;inset:0;z-index:49;background:rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity var(--sf-duration-base,.25s) ease}:root[data-forge-ui=on] .sf-reader__sidebar-scrim[data-open=true]{opacity:1;pointer-events:auto}:root[data-forge-ui=on] .sf-reader__sidebar-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;border:1px solid var(--sf-reader-border,rgba(15,23,42,.08));background:transparent;color:var(--sf-reader-muted,#64748b);font-size:12px;font-weight:600;cursor:pointer;transition:all .12s ease}:root[data-forge-ui=on] .sf-reader__sidebar-toggle:hover{color:var(--sf-reader-fg,#1f2937);border-color:var(--sf-reader-accent,#4f46e5)}@media (prefers-reduced-motion:reduce){:root[data-forge-ui=on] .sf-reader__sidebar,:root[data-forge-ui=on] .sf-reader__sidebar-close,:root[data-forge-ui=on] .sf-reader__sidebar-item,:root[data-forge-ui=on] .sf-reader__sidebar-scrim,:root[data-forge-ui=on] .sf-reader__sidebar-toggle{transition:none}}:root[data-forge-ui=on] .sf-reader__portrait{display:block;width:56px;height:56px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--sf-reader-border,rgba(15,23,42,.08));float:left;margin:0 12px 4px 0;opacity:0;animation:sf-portrait-fadein .4s ease forwards}@keyframes sf-portrait-fadein{to{opacity:1}}@media (prefers-reduced-motion:reduce){:root[data-forge-ui=on] .sf-reader__portrait{animation:none;opacity:1}}:root[data-forge-ui=on] .sf-reader__para-block{overflow:hidden;margin-bottom:.5em}:root[data-forge-ui=on] .sf-reader__para-block:after{content:"";display:table;clear:both}:root[data-forge-ui=on] .sf-branch-tree-wrap{margin-top:12px}:root[data-forge-ui=on] .sf-branch-tree-block{position:relative;margin-top:12px;border:1px solid var(--sf-border-subtle,#2d3348);border-radius:8px;overflow:hidden;background:var(--sf-bg-surface,#1a1f2e)}:root[data-forge-ui=on] .sf-branch-tree{position:relative;display:flex;flex-direction:column;background:var(--sf-bg-surface,#1a1f2e);border:1px solid var(--sf-border-subtle,#2d3348);border-radius:var(--sf-radius-lg,8px);overflow:hidden}:root[data-forge-ui=on] .sf-branch-tree__canvas{display:block;width:100%;touch-action:none;cursor:grab;outline:none}:root[data-forge-ui=on] .sf-branch-tree__canvas:focus-visible{outline:2px solid var(--sf-accent-primary,#3b82f6);outline-offset:-2px}:root[data-forge-ui=on] .sf-branch-tree__canvas:active{cursor:grabbing}:root[data-forge-ui=on] .sf-branch-tree__minimap{border:1px solid var(--sf-border-subtle,#2d3348);border-radius:var(--sf-radius-sm,4px)}:root[data-forge-ui=on] .sf-branch-tree__minimap,:root[data-forge-ui=on] .sf-branch-tree__minimap-label{position:absolute;bottom:var(--sf-space-3,12px);right:var(--sf-space-3,12px);pointer-events:none;background:rgba(15,18,25,.7)}:root[data-forge-ui=on] .sf-branch-tree__minimap-label{font-size:var(--sf-text-xs,12px);color:var(--sf-text-secondary,#9ca3af);padding:2px 8px;border-radius:999px}:root[data-forge-ui=on] .sf-branch-tree__toolbar{display:flex;align-items:center;gap:var(--sf-space-2,8px);padding:var(--sf-space-2,8px) var(--sf-space-3,12px);border-top:1px solid var(--sf-border-subtle,#2d3348);background:var(--sf-bg-elevated,#242a3d)}:root[data-forge-ui=on] .sf-branch-tree__sr-list{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){:root[data-forge-ui=on] .sf-branch-tree__canvas{cursor:default}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
 
-/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgba(17,24,39,.1);--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:hsla(0,0%,100%,.1);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.left-0{left:0}.left-0\.5{left:.125rem}.left-3{left:.75rem}.left-\[calc\(100\%-0\.95rem\)\]{left:calc(100% - .95rem)}.right-2{right:.5rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1\/2{top:50%}.top-2{top:.5rem}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-32{max-height:8rem}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-60{max-height:15rem}.max-h-64{max-height:16rem}.max-h-72{max-height:18rem}.max-h-96{max-height:24rem}.max-h-\[600px\]{max-height:600px}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[110px\]{min-width:110px}.min-w-\[28px\]{min-width:28px}.min-w-\[48px\]{min-width:48px}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[100px\]{max-width:100px}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-2{--tw-translate-y:-0.5rem}.-translate-y-2,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-y-0{--tw-translate-y:0px}.rotate-180,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-1\.5{row-gap:.375rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-surface-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(241 245 249/var(--tw-divide-opacity,1))}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:12px}.rounded-md{border-radius:8px}.rounded-xl{border-radius:16px}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-brand-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-brand-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-brand-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-400{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.border-green-800{--tw-border-opacity:1;border-color:rgb(22 101 52/var(--tw-border-opacity,1))}.border-indigo-200{--tw-border-opacity:1;border-color:rgb(199 210 254/var(--tw-border-opacity,1))}.border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.border-orange-400{--tw-border-opacity:1;border-color:rgb(251 146 60/var(--tw-border-opacity,1))}.border-pink-200{--tw-border-opacity:1;border-color:rgb(251 207 232/var(--tw-border-opacity,1))}.border-purple-200{--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.border-purple-400{--tw-border-opacity:1;border-color:rgb(192 132 252/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-rose-200{--tw-border-opacity:1;border-color:rgb(254 205 211/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-surface-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-surface-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-violet-100{--tw-border-opacity:1;border-color:rgb(237 233 254/var(--tw-border-opacity,1))}.border-violet-200{--tw-border-opacity:1;border-color:rgb(221 214 254/var(--tw-border-opacity,1))}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-200{--tw-bg-opacity:1;background-color:rgb(253 230 138/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-amber-600{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-brand-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-brand-50\/30{background-color:rgba(239,246,255,.3)}.bg-brand-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-brand-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-500\/10{background-color:rgba(34,197,94,.1)}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-pink-50{--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-900\/20{background-color:rgba(127,29,29,.2)}.bg-rose-100{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.bg-sky-50{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-surface-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-surface-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-surface-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-surface-50\/60{background-color:rgba(248,250,252,.6)}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity,1))}.bg-violet-50{--tw-bg-opacity:1;background-color:rgb(245 243 255/var(--tw-bg-opacity,1))}.bg-violet-600{--tw-bg-opacity:1;background-color:rgb(124 58 237/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/15{background-color:hsla(0,0%,100%,.15)}.bg-white\/60{background-color:hsla(0,0%,100%,.6)}.bg-white\/70{background-color:hsla(0,0%,100%,.7)}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-brand-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(239,246,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-brand-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-brand-500\/10{--tw-gradient-from:rgba(59,130,246,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-brand-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-50{--tw-gradient-from:#fff7ed var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,247,237,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,115,22,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-violet-50{--tw-gradient-from:#f5f3ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(245,243,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-brand-100{--tw-gradient-to:#dbeafe var(--tw-gradient-to-position)}.to-brand-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-orange-100{--tw-gradient-to:#ffedd5 var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to:#ef4444 var(--tw-gradient-to-position)}.to-violet-100{--tw-gradient-to:#ede9fe var(--tw-gradient-to-position)}.to-violet-50{--tw-gradient-to:#f5f3ff var(--tw-gradient-to-position)}.to-violet-500{--tw-gradient-to:#8b5cf6 var(--tw-gradient-to-position)}.to-violet-500\/10{--tw-gradient-to:rgba(139,92,246,.1) var(--tw-gradient-to-position)}.to-violet-600{--tw-gradient-to:#7c3aed var(--tw-gradient-to-position)}.fill-amber-400{fill:#fbbf24}.fill-brand-500{fill:#3b82f6}.fill-slate-500{fill:#64748b}.fill-surface-200{fill:#e2e8f0}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.\!px-2\.5{padding-left:.625rem!important;padding-right:.625rem!important}.\!py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pl-3{padding-left:.75rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-\[18px\]{padding-top:18px}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter,system-ui,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[1\.9\]{line-height:1.9}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-amber-700\/80{color:rgba(180,83,9,.8)}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-brand-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-brand-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-brand-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-emerald-700\/80{color:rgba(4,120,87,.8)}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-pink-700{--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-sky-400{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-violet-400{--tw-text-opacity:1;color:rgb(167 139 250/var(--tw-text-opacity,1))}.text-violet-500{--tw-text-opacity:1;color:rgb(139 92 246/var(--tw-text-opacity,1))}.text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity,1))}.text-violet-700{--tw-text-opacity:1;color:rgb(109 40 217/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/90{color:hsla(0,0%,100%,.9)}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.accent-brand-600{accent-color:#2563eb}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-brand-500\/25{--tw-shadow-color:rgba(59,130,246,.25);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-brand-100{--tw-ring-opacity:1;--tw-ring-color:rgb(219 234 254/var(--tw-ring-opacity,1))}.ring-brand-200{--tw-ring-opacity:1;--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity,1))}.sepia{--tw-sepia:sepia(100%)}.filter,.sepia{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}[x-cloak]{display:none!important}.sf-toggle{display:inline-flex;flex-shrink:0}.sf-toggle-track{display:block;width:36px;height:20px;background:#cbd5e1;border-radius:9999px;position:relative;transition:background var(--sf-duration-fast) var(--sf-ease-spring)}.dark .sf-toggle-track{background:#475569}.sf-toggle.active .sf-toggle-track{background:var(--sf-color-brand-600)}.sf-toggle-thumb{display:block;width:16px;height:16px;background:#fff;border-radius:9999px;position:absolute;top:2px;left:2px;transition:transform var(--sf-duration-fast) var(--sf-ease-spring);box-shadow:0 1px 3px rgba(0,0,0,.15)}.sf-toggle.active .sf-toggle-thumb{transform:translateX(16px)}input[type=range].sf-range{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:100%;height:6px;background:#e2e8f0!important;border-radius:9999px;outline:none;border:none;padding:0;margin:8px 0}.dark input[type=range].sf-range{background:#334155!important}input[type=range].sf-range::-webkit-slider-runnable-track{height:6px;background:transparent;border-radius:9999px}input[type=range].sf-range::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:14px;height:14px;background:#2563eb!important;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2);margin-top:-4px;-webkit-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease}input[type=range].sf-range::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px rgba(0,0,0,.3)}input[type=range].sf-range::-moz-range-track{height:6px;background:#e2e8f0;border-radius:9999px;border:none}.dark input[type=range].sf-range::-moz-range-track{background:#334155}input[type=range].sf-range::-moz-range-thumb{width:14px;height:14px;background:#2563eb;border:2px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2)}details[open] .details-chevron{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.dark\:prose-invert:is(.dark *){--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.last\:mb-0:last-child{margin-bottom:0}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:border-blue-300:hover{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.hover\:border-brand-500:hover{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.hover\:border-green-300:hover{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity,1))}.hover\:border-orange-300:hover{--tw-border-opacity:1;border-color:rgb(253 186 116/var(--tw-border-opacity,1))}.hover\:border-purple-300:hover{--tw-border-opacity:1;border-color:rgb(216 180 254/var(--tw-border-opacity,1))}.hover\:border-violet-400:hover{--tw-border-opacity:1;border-color:rgb(167 139 250/var(--tw-border-opacity,1))}.hover\:bg-amber-100:hover{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.hover\:bg-amber-200:hover{--tw-bg-opacity:1;background-color:rgb(253 230 138/var(--tw-bg-opacity,1))}.hover\:bg-amber-300:hover{--tw-bg-opacity:1;background-color:rgb(252 211 77/var(--tw-bg-opacity,1))}.hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-brand-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-brand-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-emerald-100:hover{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.hover\:bg-emerald-200:hover{--tw-bg-opacity:1;background-color:rgb(167 243 208/var(--tw-bg-opacity,1))}.hover\:bg-emerald-50:hover{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-rose-100:hover{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.hover\:bg-rose-200:hover{--tw-bg-opacity:1;background-color:rgb(254 205 211/var(--tw-bg-opacity,1))}.hover\:bg-surface-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-surface-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.hover\:bg-surface-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity,1))}.hover\:bg-violet-200:hover{--tw-bg-opacity:1;background-color:rgb(221 214 254/var(--tw-bg-opacity,1))}.hover\:bg-violet-50:hover{--tw-bg-opacity:1;background-color:rgb(245 243 255/var(--tw-bg-opacity,1))}.hover\:bg-violet-700:hover{--tw-bg-opacity:1;background-color:rgb(109 40 217/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:text-amber-700:hover{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.hover\:text-amber-800:hover{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.hover\:text-brand-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-brand-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-emerald-600:hover{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.hover\:text-emerald-700:hover{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.hover\:text-emerald-800:hover{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:text-red-800:hover{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.hover\:text-rose-700:hover{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.hover\:text-slate-600:hover{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.hover\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.hover\:text-slate-800:hover{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.hover\:text-violet-600:hover{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity,1))}.hover\:text-violet-700:hover{--tw-text-opacity:1;color:rgb(109 40 217/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-md:hover,.hover\:shadow-sm:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:fixed:focus{position:fixed}.focus\:left-2:focus{left:.5rem}.focus\:top-2:focus{top:.5rem}.focus\:z-50:focus{z-index:50}.focus\:rounded-lg:focus{border-radius:12px}.focus\:border-brand-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:bg-brand-600:focus{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:text-sm:focus{font-size:.875rem;line-height:1.25rem}.focus\:font-semibold:focus{font-weight:600}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-brand-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity,1))}.focus\:ring-brand-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-brand-500\/20:focus{--tw-ring-color:rgba(59,130,246,.2)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group[open] .group-open\:rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-brand-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.dark\:border-amber-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(146 64 14/var(--tw-border-opacity,1))}.dark\:border-blue-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 64 175/var(--tw-border-opacity,1))}.dark\:border-brand-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 64 175/var(--tw-border-opacity,1))}.dark\:border-emerald-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(6 95 70/var(--tw-border-opacity,1))}.dark\:border-green-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(22 101 52/var(--tw-border-opacity,1))}.dark\:border-indigo-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 48 163/var(--tw-border-opacity,1))}.dark\:border-orange-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(154 52 18/var(--tw-border-opacity,1))}.dark\:border-pink-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(157 23 77/var(--tw-border-opacity,1))}.dark\:border-purple-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(107 33 168/var(--tw-border-opacity,1))}.dark\:border-red-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(153 27 27/var(--tw-border-opacity,1))}.dark\:border-slate-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.dark\:border-slate-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.dark\:border-violet-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(91 33 182/var(--tw-border-opacity,1))}.dark\:border-yellow-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(133 77 14/var(--tw-border-opacity,1))}.dark\:bg-amber-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(146 64 14/var(--tw-bg-opacity,1))}.dark\:bg-amber-900\/20:is(.dark *){background-color:rgba(120,53,15,.2)}.dark\:bg-amber-900\/30:is(.dark *){background-color:rgba(120,53,15,.3)}.dark\:bg-blue-900\/20:is(.dark *){background-color:rgba(30,58,138,.2)}.dark\:bg-emerald-900\/20:is(.dark *){background-color:rgba(6,78,59,.2)}.dark\:bg-emerald-900\/30:is(.dark *){background-color:rgba(6,78,59,.3)}.dark\:bg-green-900\/30:is(.dark *){background-color:rgba(20,83,45,.3)}.dark\:bg-indigo-900\/20:is(.dark *){background-color:rgba(49,46,129,.2)}.dark\:bg-orange-900\/20:is(.dark *){background-color:rgba(124,45,18,.2)}.dark\:bg-pink-900\/20:is(.dark *){background-color:rgba(131,24,67,.2)}.dark\:bg-purple-900\/20:is(.dark *){background-color:rgba(88,28,135,.2)}.dark\:bg-red-900\/20:is(.dark *){background-color:rgba(127,29,29,.2)}.dark\:bg-red-900\/30:is(.dark *){background-color:rgba(127,29,29,.3)}.dark\:bg-red-900\/40:is(.dark *){background-color:rgba(127,29,29,.4)}.dark\:bg-rose-900\/20:is(.dark *){background-color:rgba(136,19,55,.2)}.dark\:bg-rose-900\/30:is(.dark *){background-color:rgba(136,19,55,.3)}.dark\:bg-slate-600:is(.dark *){--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.dark\:bg-slate-800\/40:is(.dark *){background-color:rgba(30,41,59,.4)}.dark\:bg-slate-900\/20:is(.dark *){background-color:rgba(15,23,42,.2)}.dark\:bg-surface-100:is(.dark *){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.dark\:bg-violet-900\/20:is(.dark *){background-color:rgba(76,29,149,.2)}.dark\:bg-violet-900\/30:is(.dark *){background-color:rgba(76,29,149,.3)}.dark\:bg-yellow-900\/20:is(.dark *){background-color:rgba(113,63,18,.2)}.dark\:from-orange-900\/30:is(.dark *){--tw-gradient-from:rgba(124,45,18,.3) var(--tw-gradient-from-position);--tw-gradient-to:rgba(124,45,18,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-violet-900\/30:is(.dark *){--tw-gradient-from:rgba(76,29,149,.3) var(--tw-gradient-from-position);--tw-gradient-to:rgba(76,29,149,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:to-brand-800\/30:is(.dark *){--tw-gradient-to:rgba(30,64,175,.3) var(--tw-gradient-to-position)}.dark\:to-orange-800\/30:is(.dark *){--tw-gradient-to:rgba(154,52,18,.3) var(--tw-gradient-to-position)}.dark\:to-violet-400\/10:is(.dark *){--tw-gradient-to:rgba(167,139,250,.1) var(--tw-gradient-to-position)}.dark\:to-violet-800\/30:is(.dark *){--tw-gradient-to:rgba(91,33,182,.3) var(--tw-gradient-to-position)}.dark\:to-violet-900\/20:is(.dark *){--tw-gradient-to:rgba(76,29,149,.2) var(--tw-gradient-to-position)}.dark\:fill-slate-400:is(.dark *){fill:#94a3b8}.dark\:text-amber-200:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.dark\:text-amber-300:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.dark\:text-amber-300\/80:is(.dark *){color:rgba(252,211,77,.8)}.dark\:text-amber-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.dark\:text-amber-500:is(.dark *){--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.dark\:text-emerald-200:is(.dark *){--tw-text-opacity:1;color:rgb(167 243 208/var(--tw-text-opacity,1))}.dark\:text-emerald-300\/80:is(.dark *){color:rgba(110,231,183,.8)}.dark\:text-emerald-400:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.dark\:text-indigo-400:is(.dark *){--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.dark\:text-orange-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.dark\:text-pink-400:is(.dark *){--tw-text-opacity:1;color:rgb(244 114 182/var(--tw-text-opacity,1))}.dark\:text-purple-400:is(.dark *){--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-rose-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.dark\:text-slate-100:is(.dark *){--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.dark\:text-slate-200:is(.dark *){--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.dark\:text-slate-300:is(.dark *){--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.dark\:text-slate-400:is(.dark *){--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.dark\:text-slate-500:is(.dark *){--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.dark\:text-slate-600:is(.dark *){--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.dark\:text-violet-400:is(.dark *){--tw-text-opacity:1;color:rgb(167 139 250/var(--tw-text-opacity,1))}.dark\:text-yellow-400:is(.dark *){--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.dark\:ring-brand-700:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(29 78 216/var(--tw-ring-opacity,1))}.dark\:hover\:border-brand-600:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.dark\:hover\:border-violet-600:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(124 58 237/var(--tw-border-opacity,1))}.dark\:hover\:bg-amber-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.dark\:hover\:bg-amber-800\/40:hover:is(.dark *){background-color:rgba(146,64,14,.4)}.dark\:hover\:bg-amber-900\/40:hover:is(.dark *){background-color:rgba(120,53,15,.4)}.dark\:hover\:bg-emerald-800\/40:hover:is(.dark *){background-color:rgba(6,95,70,.4)}.dark\:hover\:bg-emerald-900\/20:hover:is(.dark *){background-color:rgba(6,78,59,.2)}.dark\:hover\:bg-emerald-900\/40:hover:is(.dark *){background-color:rgba(6,78,59,.4)}.dark\:hover\:bg-red-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(153 27 27/var(--tw-bg-opacity,1))}.dark\:hover\:bg-red-900\/20:hover:is(.dark *){background-color:rgba(127,29,29,.2)}.dark\:hover\:bg-rose-800\/40:hover:is(.dark *){background-color:rgba(159,18,57,.4)}.dark\:hover\:bg-slate-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.dark\:hover\:bg-surface-100:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.dark\:hover\:bg-violet-800\/40:hover:is(.dark *){background-color:rgba(91,33,182,.4)}.dark\:hover\:bg-violet-900\/20:hover:is(.dark *){background-color:rgba(76,29,149,.2)}@media (min-width:640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:768px){.md\:mx-6{margin-left:1.5rem;margin-right:1.5rem}.md\:ml-60{margin-left:15rem}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:p-10{padding:2.5rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:p-8{padding:2rem}}
\ No newline at end of file
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgba(17,24,39,.1);--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:hsla(0,0%,100%,.1);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.left-0{left:0}.left-0\.5{left:.125rem}.left-3{left:.75rem}.left-\[calc\(100\%-0\.95rem\)\]{left:calc(100% - .95rem)}.right-2{right:.5rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1\/2{top:50%}.top-2{top:.5rem}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-32{max-height:8rem}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-60{max-height:15rem}.max-h-64{max-height:16rem}.max-h-72{max-height:18rem}.max-h-96{max-height:24rem}.max-h-\[600px\]{max-height:600px}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[110px\]{min-width:110px}.min-w-\[48px\]{min-width:48px}.min-w-full{min-width:100%}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[100px\]{max-width:100px}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-2{--tw-translate-y:-0.5rem}.-translate-y-2,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-y-0{--tw-translate-y:0px}.rotate-180,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-1\.5{row-gap:.375rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-surface-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(241 245 249/var(--tw-divide-opacity,1))}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:12px}.rounded-md{border-radius:8px}.rounded-xl{border-radius:16px}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-brand-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-brand-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-brand-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-400{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.border-indigo-200{--tw-border-opacity:1;border-color:rgb(199 210 254/var(--tw-border-opacity,1))}.border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.border-orange-400{--tw-border-opacity:1;border-color:rgb(251 146 60/var(--tw-border-opacity,1))}.border-pink-200{--tw-border-opacity:1;border-color:rgb(251 207 232/var(--tw-border-opacity,1))}.border-purple-200{--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.border-purple-400{--tw-border-opacity:1;border-color:rgb(192 132 252/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-rose-200{--tw-border-opacity:1;border-color:rgb(254 205 211/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-surface-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-surface-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-violet-100{--tw-border-opacity:1;border-color:rgb(237 233 254/var(--tw-border-opacity,1))}.border-violet-200{--tw-border-opacity:1;border-color:rgb(221 214 254/var(--tw-border-opacity,1))}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-200{--tw-bg-opacity:1;background-color:rgb(253 230 138/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-amber-600{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-brand-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-brand-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-brand-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-pink-50{--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-900\/20{background-color:rgba(127,29,29,.2)}.bg-rose-100{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.bg-sky-50{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-surface-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-surface-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-surface-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-surface-50\/60{background-color:rgba(248,250,252,.6)}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity,1))}.bg-violet-50{--tw-bg-opacity:1;background-color:rgb(245 243 255/var(--tw-bg-opacity,1))}.bg-violet-600{--tw-bg-opacity:1;background-color:rgb(124 58 237/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/15{background-color:hsla(0,0%,100%,.15)}.bg-white\/60{background-color:hsla(0,0%,100%,.6)}.bg-white\/70{background-color:hsla(0,0%,100%,.7)}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-brand-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(239,246,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-brand-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-brand-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-50{--tw-gradient-from:#fff7ed var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,247,237,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,115,22,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-violet-50{--tw-gradient-from:#f5f3ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(245,243,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-brand-100{--tw-gradient-to:#dbeafe var(--tw-gradient-to-position)}.to-brand-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-orange-100{--tw-gradient-to:#ffedd5 var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to:#ef4444 var(--tw-gradient-to-position)}.to-violet-100{--tw-gradient-to:#ede9fe var(--tw-gradient-to-position)}.to-violet-50{--tw-gradient-to:#f5f3ff var(--tw-gradient-to-position)}.to-violet-500{--tw-gradient-to:#8b5cf6 var(--tw-gradient-to-position)}.to-violet-600{--tw-gradient-to:#7c3aed var(--tw-gradient-to-position)}.fill-amber-400{fill:#fbbf24}.fill-brand-500{fill:#3b82f6}.fill-slate-500{fill:#64748b}.fill-surface-200{fill:#e2e8f0}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.\!px-2\.5{padding-left:.625rem!important;padding-right:.625rem!important}.\!py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pl-3{padding-left:.75rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-\[18px\]{padding-top:18px}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter,system-ui,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[1\.9\]{line-height:1.9}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-amber-700\/80{color:rgba(180,83,9,.8)}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-brand-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-brand-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-brand-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-emerald-700\/80{color:rgba(4,120,87,.8)}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-pink-700{--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-violet-400{--tw-text-opacity:1;color:rgb(167 139 250/var(--tw-text-opacity,1))}.text-violet-500{--tw-text-opacity:1;color:rgb(139 92 246/var(--tw-text-opacity,1))}.text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity,1))}.text-violet-700{--tw-text-opacity:1;color:rgb(109 40 217/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/90{color:hsla(0,0%,100%,.9)}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.accent-brand-600{accent-color:#2563eb}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-brand-200{--tw-ring-opacity:1;--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity,1))}.sepia{--tw-sepia:sepia(100%)}.filter,.sepia{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}[x-cloak]{display:none!important}.sf-toggle{display:inline-flex;flex-shrink:0}.sf-toggle-track{display:block;width:36px;height:20px;background:#cbd5e1;border-radius:9999px;position:relative;transition:background var(--sf-duration-fast) var(--sf-ease-spring)}.dark .sf-toggle-track{background:#475569}.sf-toggle.active .sf-toggle-track{background:var(--sf-color-brand-600)}.sf-toggle-thumb{display:block;width:16px;height:16px;background:#fff;border-radius:9999px;position:absolute;top:2px;left:2px;transition:transform var(--sf-duration-fast) var(--sf-ease-spring);box-shadow:0 1px 3px rgba(0,0,0,.15)}.sf-toggle.active .sf-toggle-thumb{transform:translateX(16px)}input[type=range].sf-range{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:100%;height:6px;background:#e2e8f0!important;border-radius:9999px;outline:none;border:none;padding:0;margin:8px 0}.dark input[type=range].sf-range{background:#334155!important}input[type=range].sf-range::-webkit-slider-runnable-track{height:6px;background:transparent;border-radius:9999px}input[type=range].sf-range::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:14px;height:14px;background:#2563eb!important;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2);margin-top:-4px;-webkit-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease}input[type=range].sf-range::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px rgba(0,0,0,.3)}input[type=range].sf-range::-moz-range-track{height:6px;background:#e2e8f0;border-radius:9999px;border:none}.dark input[type=range].sf-range::-moz-range-track{background:#334155}input[type=range].sf-range::-moz-range-thumb{width:14px;height:14px;background:#2563eb;border:2px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2)}details[open] .details-chevron{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.dark\:prose-invert:is(.dark *){--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.last\:mb-0:last-child{margin-bottom:0}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:border-blue-300:hover{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.hover\:border-brand-500:hover{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.hover\:border-green-300:hover{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity,1))}.hover\:border-orange-300:hover{--tw-border-opacity:1;border-color:rgb(253 186 116/var(--tw-border-opacity,1))}.hover\:border-purple-300:hover{--tw-border-opacity:1;border-color:rgb(216 180 254/var(--tw-border-opacity,1))}.hover\:border-violet-400:hover{--tw-border-opacity:1;border-color:rgb(167 139 250/var(--tw-border-opacity,1))}.hover\:bg-amber-100:hover{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.hover\:bg-amber-200:hover{--tw-bg-opacity:1;background-color:rgb(253 230 138/var(--tw-bg-opacity,1))}.hover\:bg-amber-300:hover{--tw-bg-opacity:1;background-color:rgb(252 211 77/var(--tw-bg-opacity,1))}.hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-brand-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-brand-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-emerald-100:hover{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.hover\:bg-emerald-200:hover{--tw-bg-opacity:1;background-color:rgb(167 243 208/var(--tw-bg-opacity,1))}.hover\:bg-emerald-50:hover{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-rose-100:hover{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.hover\:bg-rose-200:hover{--tw-bg-opacity:1;background-color:rgb(254 205 211/var(--tw-bg-opacity,1))}.hover\:bg-surface-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-surface-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.hover\:bg-surface-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity,1))}.hover\:bg-violet-200:hover{--tw-bg-opacity:1;background-color:rgb(221 214 254/var(--tw-bg-opacity,1))}.hover\:bg-violet-50:hover{--tw-bg-opacity:1;background-color:rgb(245 243 255/var(--tw-bg-opacity,1))}.hover\:bg-violet-700:hover{--tw-bg-opacity:1;background-color:rgb(109 40 217/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:text-amber-700:hover{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.hover\:text-amber-800:hover{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.hover\:text-brand-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-brand-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-emerald-600:hover{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.hover\:text-emerald-700:hover{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.hover\:text-emerald-800:hover{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:text-red-800:hover{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.hover\:text-rose-700:hover{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.hover\:text-slate-600:hover{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.hover\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.hover\:text-slate-800:hover{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.hover\:text-violet-600:hover{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity,1))}.hover\:text-violet-700:hover{--tw-text-opacity:1;color:rgb(109 40 217/var(--tw-text-opacity,1))}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:fixed:focus{position:fixed}.focus\:left-2:focus{left:.5rem}.focus\:top-2:focus{top:.5rem}.focus\:z-50:focus{z-index:50}.focus\:rounded-lg:focus{border-radius:12px}.focus\:border-brand-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:bg-brand-600:focus{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:text-sm:focus{font-size:.875rem;line-height:1.25rem}.focus\:font-semibold:focus{font-weight:600}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-brand-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity,1))}.focus\:ring-brand-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-brand-500\/20:focus{--tw-ring-color:rgba(59,130,246,.2)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group[open] .group-open\:rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-100{opacity:1}.dark\:border-amber-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(146 64 14/var(--tw-border-opacity,1))}.dark\:border-blue-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 64 175/var(--tw-border-opacity,1))}.dark\:border-brand-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 64 175/var(--tw-border-opacity,1))}.dark\:border-emerald-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(6 95 70/var(--tw-border-opacity,1))}.dark\:border-indigo-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 48 163/var(--tw-border-opacity,1))}.dark\:border-orange-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(154 52 18/var(--tw-border-opacity,1))}.dark\:border-pink-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(157 23 77/var(--tw-border-opacity,1))}.dark\:border-purple-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(107 33 168/var(--tw-border-opacity,1))}.dark\:border-red-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(153 27 27/var(--tw-border-opacity,1))}.dark\:border-slate-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.dark\:border-slate-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.dark\:border-violet-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(91 33 182/var(--tw-border-opacity,1))}.dark\:border-yellow-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(133 77 14/var(--tw-border-opacity,1))}.dark\:bg-amber-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(146 64 14/var(--tw-bg-opacity,1))}.dark\:bg-amber-900\/20:is(.dark *){background-color:rgba(120,53,15,.2)}.dark\:bg-amber-900\/30:is(.dark *){background-color:rgba(120,53,15,.3)}.dark\:bg-blue-900\/20:is(.dark *){background-color:rgba(30,58,138,.2)}.dark\:bg-emerald-900\/20:is(.dark *){background-color:rgba(6,78,59,.2)}.dark\:bg-emerald-900\/30:is(.dark *){background-color:rgba(6,78,59,.3)}.dark\:bg-green-900\/30:is(.dark *){background-color:rgba(20,83,45,.3)}.dark\:bg-indigo-900\/20:is(.dark *){background-color:rgba(49,46,129,.2)}.dark\:bg-orange-900\/20:is(.dark *){background-color:rgba(124,45,18,.2)}.dark\:bg-pink-900\/20:is(.dark *){background-color:rgba(131,24,67,.2)}.dark\:bg-purple-900\/20:is(.dark *){background-color:rgba(88,28,135,.2)}.dark\:bg-red-900\/20:is(.dark *){background-color:rgba(127,29,29,.2)}.dark\:bg-red-900\/30:is(.dark *){background-color:rgba(127,29,29,.3)}.dark\:bg-red-900\/40:is(.dark *){background-color:rgba(127,29,29,.4)}.dark\:bg-rose-900\/20:is(.dark *){background-color:rgba(136,19,55,.2)}.dark\:bg-rose-900\/30:is(.dark *){background-color:rgba(136,19,55,.3)}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.dark\:bg-slate-800\/40:is(.dark *){background-color:rgba(30,41,59,.4)}.dark\:bg-slate-900\/20:is(.dark *){background-color:rgba(15,23,42,.2)}.dark\:bg-surface-100:is(.dark *){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.dark\:bg-violet-900\/20:is(.dark *){background-color:rgba(76,29,149,.2)}.dark\:bg-violet-900\/30:is(.dark *){background-color:rgba(76,29,149,.3)}.dark\:bg-yellow-900\/20:is(.dark *){background-color:rgba(113,63,18,.2)}.dark\:from-orange-900\/30:is(.dark *){--tw-gradient-from:rgba(124,45,18,.3) var(--tw-gradient-from-position);--tw-gradient-to:rgba(124,45,18,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-violet-900\/30:is(.dark *){--tw-gradient-from:rgba(76,29,149,.3) var(--tw-gradient-from-position);--tw-gradient-to:rgba(76,29,149,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:to-brand-800\/30:is(.dark *){--tw-gradient-to:rgba(30,64,175,.3) var(--tw-gradient-to-position)}.dark\:to-orange-800\/30:is(.dark *){--tw-gradient-to:rgba(154,52,18,.3) var(--tw-gradient-to-position)}.dark\:to-violet-800\/30:is(.dark *){--tw-gradient-to:rgba(91,33,182,.3) var(--tw-gradient-to-position)}.dark\:to-violet-900\/20:is(.dark *){--tw-gradient-to:rgba(76,29,149,.2) var(--tw-gradient-to-position)}.dark\:fill-slate-400:is(.dark *){fill:#94a3b8}.dark\:text-amber-200:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.dark\:text-amber-300:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.dark\:text-amber-300\/80:is(.dark *){color:rgba(252,211,77,.8)}.dark\:text-amber-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.dark\:text-amber-500:is(.dark *){--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.dark\:text-emerald-200:is(.dark *){--tw-text-opacity:1;color:rgb(167 243 208/var(--tw-text-opacity,1))}.dark\:text-emerald-300\/80:is(.dark *){color:rgba(110,231,183,.8)}.dark\:text-emerald-400:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.dark\:text-indigo-400:is(.dark *){--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.dark\:text-orange-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.dark\:text-pink-400:is(.dark *){--tw-text-opacity:1;color:rgb(244 114 182/var(--tw-text-opacity,1))}.dark\:text-purple-400:is(.dark *){--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-rose-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.dark\:text-slate-100:is(.dark *){--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.dark\:text-slate-200:is(.dark *){--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.dark\:text-slate-300:is(.dark *){--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.dark\:text-slate-400:is(.dark *){--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.dark\:text-slate-500:is(.dark *){--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.dark\:text-slate-600:is(.dark *){--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.dark\:text-violet-400:is(.dark *){--tw-text-opacity:1;color:rgb(167 139 250/var(--tw-text-opacity,1))}.dark\:text-yellow-400:is(.dark *){--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.dark\:ring-brand-700:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(29 78 216/var(--tw-ring-opacity,1))}.dark\:hover\:border-brand-600:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.dark\:hover\:border-violet-600:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(124 58 237/var(--tw-border-opacity,1))}.dark\:hover\:bg-amber-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.dark\:hover\:bg-amber-800\/40:hover:is(.dark *){background-color:rgba(146,64,14,.4)}.dark\:hover\:bg-amber-900\/40:hover:is(.dark *){background-color:rgba(120,53,15,.4)}.dark\:hover\:bg-emerald-800\/40:hover:is(.dark *){background-color:rgba(6,95,70,.4)}.dark\:hover\:bg-emerald-900\/20:hover:is(.dark *){background-color:rgba(6,78,59,.2)}.dark\:hover\:bg-emerald-900\/40:hover:is(.dark *){background-color:rgba(6,78,59,.4)}.dark\:hover\:bg-red-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(153 27 27/var(--tw-bg-opacity,1))}.dark\:hover\:bg-red-900\/20:hover:is(.dark *){background-color:rgba(127,29,29,.2)}.dark\:hover\:bg-rose-800\/40:hover:is(.dark *){background-color:rgba(159,18,57,.4)}.dark\:hover\:bg-slate-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.dark\:hover\:bg-surface-100:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.dark\:hover\:bg-violet-800\/40:hover:is(.dark *){background-color:rgba(91,33,182,.4)}.dark\:hover\:bg-violet-900\/20:hover:is(.dark *){background-color:rgba(76,29,149,.2)}@media (min-width:640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:768px){.md\:mx-6{margin-left:1.5rem;margin-right:1.5rem}.md\:ml-60{margin-left:15rem}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:p-10{padding:2.5rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.lg\:p-8{padding:2rem}}
\ No newline at end of file
diff --git a/web/dist/js/runtime-bundle.min.js b/web/dist/js/runtime-bundle.min.js
index 1f169a9f..590f0dce 100644
--- a/web/dist/js/runtime-bundle.min.js
+++ b/web/dist/js/runtime-bundle.min.js
@@ -1,6 +1,10 @@
-"use strict";const _StorageManager=(()=>{const e="storyforge_storage";let r=null,i=!1,a=!0;function c(){return new Promise((n,l)=>{let h;try{h=indexedDB.open(e,1)}catch(u){return l(u)}h.onupgradeneeded=u=>{const p=u.target.result;p.objectStoreNames.contains("kv")||p.createObjectStore("kv",{keyPath:"key"})},h.onsuccess=u=>n(u.target.result),h.onerror=u=>l(u.target.error),h.onblocked=()=>l(new Error("IndexedDB blocked"))})}function o(n){return new Promise((l,h)=>{if(!r)return l(null);const u=r.transaction("kv","readonly").objectStore("kv").get(n);u.onsuccess=p=>{const b=p.target.result;l(b?b.value:null)},u.onerror=p=>h(p.target.error)})}function f(n,l){return new Promise((h,u)=>{if(!r)return u(new Error("IndexedDB not open"));const p=r.transaction("kv","readwrite").objectStore("kv").put({key:n,value:l});p.onsuccess=()=>h(),p.onerror=b=>u(b.target.error)})}function g(n){return new Promise((l,h)=>{if(!r)return l();const u=r.transaction("kv","readwrite").objectStore("kv").delete(n);u.onsuccess=()=>l(),u.onerror=p=>h(p.target.error)})}function d(){return new Promise((n,l)=>{if(!r)return n();const h=r.transaction("kv","readwrite").objectStore("kv").clear();h.onsuccess=()=>n(),h.onerror=u=>l(u.target.error)})}function m(){try{return sessionStorage.setItem("__sf_probe__","1"),sessionStorage.removeItem("__sf_probe__"),!0}catch{return!1}}return{async init(){if(a=m(),a||console.warn("[StorageManager] sessionStorage unavailable, using IndexedDB only."),typeof indexedDB>"u"){console.warn("[StorageManager] IndexedDB unavailable. Storage is best-effort.");return}if(!r)try{r=await c()}catch(n){console.warn("[StorageManager] IndexedDB open failed:",n.message),r=null}},async setItem(n,l){if(a)try{sessionStorage.setItem(n,l),i=!1;return}catch(h){h instanceof DOMException&&(h.code===22||h.name==="QuotaExceededError"||h.name==="NS_ERROR_DOM_QUOTA_REACHED")||console.warn("[StorageManager] sessionStorage.setItem unexpected error:",h.message)}if(r)try{await f(n,l),i=!0}catch(h){console.warn("[StorageManager] IndexedDB setItem failed:",h.message),window.dispatchEvent(new CustomEvent("storage-error",{detail:{key:n,error:h}}))}else console.warn("[StorageManager] No storage backend available for key:",n),window.dispatchEvent(new CustomEvent("storage-error",{detail:{key:n,error:new Error("No storage backend available")}}))},async getItem(n){if(a)try{const l=sessionStorage.getItem(n);if(l!==null)return l}catch(l){console.warn("[StorageManager] sessionStorage.getItem error:",l.message)}if(r)try{return await o(n)}catch(l){console.warn("[StorageManager] IndexedDB getItem failed:",l.message)}return null},async removeItem(n){if(a)try{sessionStorage.removeItem(n)}catch{}if(r)try{await g(n)}catch(l){console.warn("[StorageManager] IndexedDB removeItem failed:",l.message)}},async clear(){if(a)try{sessionStorage.clear()}catch{}if(r)try{await d()}catch(n){console.warn("[StorageManager] IndexedDB clear failed:",n.message)}i=!1},isUsingFallback(){return i}}})();window.storageManager=_StorageManager;function getCookie(e){const t=document.cookie.match(new RegExp("(?:^|; )"+e+"=([^;]*)"));return t?decodeURIComponent(t[1]):null}function mutationHeaders(){const e={"Content-Type":"application/json"},t=getCookie("csrf_token");return t&&(e["X-CSRF-Token"]=t),e}const DEFAULT_TIMEOUT_MS=3e4,STREAM_TIMEOUT_MS=3e5,GET_MAX_RETRIES=2;async function fetchWithTimeout(e,t,s){const r=new AbortController,i=setTimeout(()=>r.abort(),s);try{return await fetch(e,{...t,signal:r.signal})}finally{clearTimeout(i)}}var API={base:"/api",async get(e){let t;for(let s=0;s<=GET_MAX_RETRIES;s++)try{const r=await fetchWithTimeout(this.base+e,{},DEFAULT_TIMEOUT_MS);if(!r.ok){let i=`GET ${e}: ${r.status}`;try{const a=await r.json();a.detail&&(i=a.detail)}catch{}throw new Error(i)}return r.json()}catch(r){if(r instanceof Error&&r.message.startsWith("GET "))throw r;if(t=r,s===GET_MAX_RETRIES)break;await new Promise(i=>setTimeout(i,200*(s+1)))}throw t},async post(e,t={}){const s=await fetchWithTimeout(this.base+e,{method:"POST",headers:mutationHeaders(),body:JSON.stringify(t)},DEFAULT_TIMEOUT_MS);if(!s.ok){let r=`POST ${e}: ${s.status}`;try{const i=await s.json();i.detail&&(r=i.detail)}catch{}throw new Error(r)}return s.json()},async put(e,t={}){const s=await fetchWithTimeout(this.base+e,{method:"PUT",headers:mutationHeaders(),body:JSON.stringify(t)},DEFAULT_TIMEOUT_MS);if(!s.ok){let r=`PUT ${e}: ${s.status}`;try{const i=await s.json();i.detail&&(r=i.detail)}catch{}throw new Error(r)}return s.json()},async patch(e,t){const s=await fetchWithTimeout(this.base+e,{method:"PATCH",headers:mutationHeaders(),...t!==void 0?{body:JSON.stringify(t)}:{}},DEFAULT_TIMEOUT_MS);if(!s.ok){let r=`PATCH ${e}: ${s.status}`;try{const i=await s.json();i.detail&&(r=i.detail)}catch{}throw new Error(r)}return s.json()},async del(e){const t=await fetchWithTimeout(this.base+e,{method:"DELETE",headers:mutationHeaders()},DEFAULT_TIMEOUT_MS);if(!t.ok){let s=`DELETE ${e}: ${t.status}`;try{const r=await t.json();r.detail&&(s=r.detail)}catch{}throw new Error(s)}return t.json()},async*stream(e,t){const s=await fetchWithTimeout(this.base+e,{method:"POST",headers:mutationHeaders(),body:JSON.stringify(t)},STREAM_TIMEOUT_MS);if(!s.ok){let o=`SSE ${e}: ${s.status}`;try{const f=await s.json();f.detail&&(o=f.detail)}catch{}throw new Error(o)}const r=s.body.getReader(),i=new TextDecoder;let a="",c=!1;try{for(;;){const{done:o,value:f}=await r.read();if(o)break;a+=i.decode(f,{stream:!0});const g=a.split(`
-`);a=g.pop()??"";for(const d of g)if(d.startsWith("data: "))try{const m=JSON.parse(d.slice(6));(m.type==="done"||m.type==="error")&&(c=!0),yield m}catch{console.warn("[SSE] JSON parse failed:",d)}}}catch(o){yield{type:"interrupted",data:"Connection lost: "+(o instanceof Error?o.message:String(o))};return}if(a+=i.decode(),a.trim().startsWith("data: "))try{const o=JSON.parse(a.trim().slice(6));(o.type==="done"||o.type==="error")&&(c=!0),yield o}catch{console.warn("[SSE] JSON parse failed (flush):",a.trim())}c||(yield{type:"interrupted",data:"Stream ended unexpectedly"})},async*streamBuffered(e,t,s=500){let r=[],i=Date.now();for await(const a of this.stream(e,t)){if(["done","error","interrupted"].includes(a.type)){for(const o of r)yield o;r=[],yield a;return}if(r.push(a),Date.now()-i>=s){for(const o of r)yield o;r=[],i=Date.now()}}for(const a of r)yield a},async download(e,t){const s=await fetchWithTimeout(this.base+e,{method:"POST",headers:mutationHeaders()},DEFAULT_TIMEOUT_MS);if(!s.ok){let c=`Download ${e}: ${s.status}`;try{const o=await s.json();o.detail&&(c=o.detail)}catch{}throw new Error(c)}const r=await s.blob(),i=URL.createObjectURL(r),a=document.createElement("a");a.href=i,a.download=t,a.click(),URL.revokeObjectURL(i)}};const GENRE_LABEL_TO_SLUG=Object.freeze({"ti\xEAn hi\u1EC7p":"tien-hiep","tien hiep":"tien-hiep","\u0111\xF4 th\u1ECB":"do-thi","do thi":"do-thi","huy\u1EC1n huy\u1EC5n":"huyen-huyen","huyen huyen":"huyen-huyen","xuy\xEAn kh\xF4ng":"xuyen-khong","xuyen khong":"xuyen-khong"}),GENRE_DEFAULT_HUE=Object.freeze({"tien-hiep":"#10B981","do-thi":"#F43F5E","huyen-huyen":"#8B5CF6","xuyen-khong":"#F59E0B"});function libraryPage(){return{stories:[],loading:!1,error:"",loadingStory:null,confirmDelete:null,searchQuery:"",qualityFilter:"all",qualitySummaries:{},generatingImages:null,generatingChapterImage:null,rebuildingProfile:null,uploadingReference:null,imageStatus:"",selectedStory:null,chapter:0,fontSize:18,characterProfiles:[],showCharacterPanel:!1,qualityScores:null,showQualityPanel:!1,readerUsage:null,latestContinuation:null,jumpDismissed:!1,viewMode:"grid",get isReading(){return this.selectedStory!==null},get story(){return this.selectedStory&&(this.selectedStory.enhanced||this.selectedStory.draft)||null},get chapters(){return this.story?this.story.chapters||[]:[]},get currentChapter(){return this.chapters[this.chapter]||null},get filteredStories(){const e=this.searchQuery.toLowerCase();return this.stories.filter(t=>{if(e&&!((t.title||t.path).toLowerCase().includes(e)||(t.genre||"").toLowerCase().includes(e)))return!1;if(this.qualityFilter==="all")return!0;const s=this.qualitySummaries[t.path];return this.qualityFilter==="scored"?!!s:!s})},init(){this.loadStories().then(()=>this.loadQualitySummaries())},async loadStories(){this.loading=!0,this.error="";try{const e=await API.get("/pipeline/checkpoints");this.stories=e.checkpoints||[]}catch(e){this.error="Failed to load stories: "+e.message,this.stories=[]}this.loading=!1},async loadQualitySummaries(){try{const e=await API.get("/quality");this.qualitySummaries=e.summaries||{}}catch{this.qualitySummaries={}}},qualityForStory(e){return this.qualitySummaries[e]||null},recentContinuationFor(e){const t=e.latest_continuation;if(!t||!t.ts)return null;const s=Date.parse(t.ts);if(!Number.isFinite(s))return null;const r=(Date.now()-s)/864e5;return r>=0&&r<=7?t:null},relativeTimeVi(e){const t=Date.parse(e);if(!Number.isFinite(t))return"";const s=Math.max(0,Date.now()-t),r=Math.floor(s/6e4);if(r<1)return"v\u1EEBa xong";if(r<60)return`${r} ph\xFAt tr\u01B0\u1EDBc`;const i=Math.floor(r/60);return i<24?`${i} gi\u1EDD tr\u01B0\u1EDBc`:`${Math.floor(i/24)} ng\xE0y tr\u01B0\u1EDBc`},get firstNewChapter(){const e=this.latestContinuation;if(!e)return null;const t=(Date.now()-Date.parse(e.ts))/864e5;return!Number.isFinite(t)||t>7?null:e.previous_chapter_count+1},get showJumpToNew(){return this.jumpDismissed||!this.firstNewChapter?!1:this.chapter+1<this.firstNewChapter},jumpToNewChapter(){const e=this.firstNewChapter;if(e==null)return;const t=Math.min(e-1,Math.max(0,this.chapters.length-1));this.chapter=t,this.jumpDismissed=!0},overallPillClass(e){return e>=4?"bg-emerald-100 text-emerald-700 border-emerald-200":e>=3?"bg-amber-100 text-amber-700 border-amber-200":"bg-rose-100 text-rose-700 border-rose-200"},usageForStory(e){const t=e.usage_summary;return!t||t.call_count<=0?null:t},formatTokens(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${Math.round(e/1e3)}k`:String(e)},formatUsageLabel(e){const t=`${this.formatTokens(e.total_tokens)} tokens`,s=`${e.call_count} calls`;return e.total_cost_usd<=0?`${t} \xB7 ${s}`:`${e.total_cost_usd>=1?`$${e.total_cost_usd.toFixed(2)}`:`$${e.total_cost_usd.toFixed(3)}`} \xB7 ${t} \xB7 ${s}`},usagePillClass(e){return e.total_cost_usd<=0?"bg-slate-100 text-slate-600 border-slate-200":e.total_cost_usd<.5?"bg-emerald-100 text-emerald-700 border-emerald-200":e.total_cost_usd<2?"bg-amber-100 text-amber-700 border-amber-200":"bg-rose-100 text-rose-700 border-rose-200"},async openStory(e){this.loadingStory=e,this.error="";try{const t=await API.get("/pipeline/checkpoints/"+encodeURIComponent(e));if(t.error){this.error=t.error,this.loadingStory=null;return}this.selectedStory=t,this.chapter=0,this.characterProfiles=[],this.qualityScores=null,this.jumpDismissed=!1,this.latestContinuation=this.stories.find(r=>r.path===e)?.latest_continuation||null,Alpine.store("pipeline").result=t,Alpine.store("pipeline").status="done",Alpine.store("pipeline").progress=4,Alpine.store("app").pipelineResult=t;const s=Alpine.store("pipeline");s.pendingJumpAfterOpen&&(s.pendingJumpAfterOpen=!1,this.jumpToNewChapter()),this.loadCharacterProfiles(e),this.loadQuality(e),this.loadUsage(e)}catch(t){this.error="Failed to load story: "+t.message}this.loadingStory=null},async loadCharacterProfiles(e){try{const t=await API.get("/images/"+encodeURIComponent(e)+"/profiles");this.characterProfiles=t.profiles||[]}catch{this.characterProfiles=[]}},async loadQuality(e){try{const t=await API.get("/quality/"+encodeURIComponent(e));this.qualityScores=t}catch{this.qualityScores=null}},async loadUsage(e){try{const s=(await API.get("/usage/story/"+encodeURIComponent(e)))?.totals;this.readerUsage=s&&s.call_count>0?s:null}catch{this.readerUsage=null}},chapterScore(e){return(this.qualityScores?.chapters||[]).find(s=>s.chapter_number===e)||null},scoreColor(e){return e>=3.75?"bg-emerald-100 text-emerald-700 border-emerald-200":e>=2.5?"bg-amber-100 text-amber-700 border-amber-200":"bg-rose-100 text-rose-700 border-rose-200"},backToList(){this.selectedStory=null,this.chapter=0,this.characterProfiles=[],this.showCharacterPanel=!1,this.qualityScores=null,this.showQualityPanel=!1,this.readerUsage=null,this.latestContinuation=null,this.jumpDismissed=!1},async deleteStory(e){this.error="";try{const t=await API.del("/pipeline/checkpoints/"+encodeURIComponent(e));t.error?this.error=t.error:this.stories=this.stories.filter(s=>s.path!==e)}catch(t){this.error="Failed to delete: "+t.message}this.confirmDelete=null},continueStory(e){const t=e||(this.selectedStory?{path:this.selectedStory.filename||"",title:this.story?.title||"",chapter_count:this.chapters.length,genre:this.story?.genre||""}:null);t&&(Alpine.store("pipeline").startContinuation({checkpoint:t.path,title:t.title||t.path,chapterCount:t.chapter_count||0,genre:t.genre||""}),Alpine.store("app").navigate("pipeline"))},resumeStory(e){if(!e?.path)return;const t=e.target_chapters||0,s=e.chapter_count||0,r=Math.max(1,t-s),i=Alpine.store("pipeline");i.form&&(i.form.num_chapters=r),i.startContinuation({checkpoint:e.path,title:e.title||e.path,chapterCount:s,genre:e.genre||"",resumeFromChapter:e.resume_from_chapter||s+1,targetChapters:t,interruptedAt:e.modified||""}),Alpine.store("app").navigate("pipeline")},interruptedInfo(e){return!e.interrupted||!e.resume_from_chapter?null:{resumeFrom:e.resume_from_chapter,target:e.target_chapters||0}},async generateImages(e){if(e?.path){this.generatingImages=e.path,this.imageStatus="",this.error="";try{const t=await API.post("/images/"+encodeURIComponent(e.path)+"/generate",{});if(this.imageStatus=t.message||`\u0110\xE3 t\u1EA1o ${t.count} \u1EA3nh`,this.selectedStory&&this.selectedStory.filename===e.path&&t.chapter_images){const s=t.chapter_images;(this.selectedStory.enhanced||this.selectedStory.draft)?.chapters?.forEach(i=>{const a=i.chapter_number;a!=null&&s[String(a)]&&(i.images=s[String(a)])})}}catch(t){this.error="T\u1EA1o \u1EA3nh th\u1EA5t b\u1EA1i: "+t.message}this.generatingImages=null,setTimeout(()=>{this.imageStatus=""},5e3)}},async generateChapterImage(e){const t=this.selectedStory?.filename;if(!(!t||e==null)){this.generatingChapterImage=e,this.imageStatus="",this.error="";try{const s=await API.post("/images/"+encodeURIComponent(t)+"/generate",{chapter:e});this.imageStatus=s.message||`\u0110\xE3 t\u1EA1o ${s.count} \u1EA3nh cho ch\u01B0\u01A1ng ${e}`;const r=s.chapter_images||{},a=(this.selectedStory?.enhanced||this.selectedStory?.draft)?.chapters?.find(c=>c.chapter_number===e);a&&r[String(e)]&&(a.images=r[String(e)])}catch(s){this.error="T\u1EA1o \u1EA3nh ch\u01B0\u01A1ng th\u1EA5t b\u1EA1i: "+s.message}this.generatingChapterImage=null,setTimeout(()=>{this.imageStatus=""},5e3)}},async rebuildCharacterProfile(e){const t=this.selectedStory?.filename;if(!(!t||!e||this.rebuildingProfile)){this.rebuildingProfile=e,this.error="";try{const s=await API.post("/images/"+encodeURIComponent(t)+"/profiles/"+encodeURIComponent(e)+"/rebuild",{}),r=this.characterProfiles.findIndex(a=>a.name===s.name),i={name:s.name,frozen_prompt:s.frozen_prompt,prompt_version:s.prompt_version,has_reference_image:s.has_reference_image,reference_url:s.reference_url};r>=0?this.characterProfiles.splice(r,1,i):this.characterProfiles.push(i)}catch(s){this.error="T\u1EA1o l\u1EA1i h\u1ED3 s\u01A1 th\u1EA5t b\u1EA1i: "+s.message}this.rebuildingProfile=null}},async uploadReference(e,t){const s=this.selectedStory?.filename;if(!(!s||!e||!t||this.uploadingReference)){this.uploadingReference=e,this.error="";try{const r=new FormData;r.append("file",t);const i=document.cookie.match(/(?:^|; )csrf_token=([^;]*)/),a={};i&&(a["X-CSRF-Token"]=decodeURIComponent(i[1]));const c=await fetch("/api/images/"+encodeURIComponent(s)+"/profiles/"+encodeURIComponent(e)+"/reference",{method:"POST",headers:a,body:r});if(!c.ok){let d=`Upload: ${c.status}`;try{const m=await c.json();m.detail&&(d=m.detail)}catch{}throw new Error(d)}const o=await c.json(),f=this.characterProfiles.findIndex(d=>d.name===o.name),g={name:o.name,frozen_prompt:o.frozen_prompt,prompt_version:o.prompt_version,has_reference_image:o.has_reference_image,reference_url:o.reference_url};f>=0?this.characterProfiles.splice(f,1,g):this.characterProfiles.push(g)}catch(r){this.error="T\u1EA3i \u1EA3nh tham chi\u1EBFu th\u1EA5t b\u1EA1i: "+r.message}this.uploadingReference=null}},layerLabel(e){return{1:"Draft",2:"Enhanced",3:"Complete"}[e]||"Draft"},layerColor(e){return e>=3?"bg-green-100 text-green-700":e===2?"bg-blue-100 text-blue-700":"bg-amber-100 text-amber-700"},forgeStatusFor(e){return e.interrupted?"error":(e.current_layer??e.layer??1)>=2?"done":"idle"},forgeGenreSlug(e){const t=(e.genre||"").trim().toLowerCase();return GENRE_LABEL_TO_SLUG[t]||"tien-hiep"},forgeGenreHue(e){return GENRE_DEFAULT_HUE[this.forgeGenreSlug(e)]||"#10B981"},setViewMode(e){this.viewMode=e==="list"?"list":"grid"},onStoryOpen(e){this.openStory(e)},onStoryContinue(e){const t=this.stories.find(s=>s.path===e);t&&this.continueStory(t)},onStoryBranch(e){const t=this.stories.find(s=>s.path===e);t&&this.continueStory(t)},onStoryDelete(e){this.confirmDelete===e?this.deleteStory(e):this.confirmDelete=e},prev(){this.chapter>0&&this.chapter--},next(){this.chapter<this.chapters.length-1&&this.chapter++}}}function exportPage(){return{exporting:null,message:"",stories:[],selectedStory:"",loading:!1,get sessionId(){return Alpine.store("app").sessionId},get hasStory(){return!!this.sessionId||!!this.selectedStory},get exportId(){return this.selectedStory||this.sessionId||""},_resultTitle(){const e=Alpine.store("app").pipelineResult;return(e?.enhanced?.title||e?.draft?.title||"").trim()},_matchCheckpointByTitle(){const e=this._resultTitle();return e&&this.stories.find(s=>(s.title||"").trim()===e)?.filename||""},_downloadTitle(){if(this.selectedStory){const t=this.stories.find(s=>s.filename===this.selectedStory);if(t?.title)return t.title}const e=this._resultTitle();return e||"storyforge"},_safeFilename(e,t){return`${(e.replace(/[\\/:*?"<>|]+/g,"").replace(/\s+/g," ").trim()||"storyforge").slice(0,120)}.${t}`},async init(){if(this.message="",await this.loadStories(),!this.selectedStory&&this.sessionId){const e=this._matchCheckpointByTitle();e&&(this.selectedStory=e)}},async loadStories(){this.loading=!0;try{const e=await API.get("/pipeline/stories?limit=50");this.stories=e.items||[]}catch{this.stories=[]}this.loading=!1},async _downloadWithFallback(e,t){try{await API.download(`/export/${e}/${encodeURIComponent(this.exportId)}`,t);return}catch(s){const i=(s.message||"").includes("404"),a=!this.selectedStory&&!!this.sessionId;if(!i||!a)throw s;const c=this._matchCheckpointByTitle();if(!c)throw s;this.selectedStory=c,await API.download(`/export/${e}/${encodeURIComponent(c)}`,t)}},async exportFormat(e){if(!this.exportId){this.message="Vui l\xF2ng ch\u1ECDn truy\u1EC7n \u0111\u1EC3 xu\u1EA5t.";return}this.exporting=e,this.message="";try{const t=this._safeFilename(this._downloadTitle(),e.toLowerCase());await this._downloadWithFallback(e,t),this.message=`Xu\u1EA5t ${e.toUpperCase()} th\xE0nh c\xF4ng!`,setTimeout(()=>{this.message.startsWith("Error")||(this.message="")},5e3)}catch(t){this.message="Error: "+t.message}this.exporting=null},async exportZip(){if(!this.exportId){this.message="Vui l\xF2ng ch\u1ECDn truy\u1EC7n \u0111\u1EC3 xu\u1EA5t.";return}this.exporting="zip",this.message="";try{const e=this._safeFilename(this._downloadTitle(),"zip");await this._downloadWithFallback("zip",e),this.message="Xu\u1EA5t ZIP th\xE0nh c\xF4ng!",setTimeout(()=>{this.message.startsWith("Error")||(this.message="")},5e3)}catch(e){this.message="Error: "+e.message}this.exporting=null}}}const FORGE_EXPORT_FORMATS=[{id:"pdf",label:"PDF",hint:"Print-ready \xB7 A4",color:"#EF4444"},{id:"epub",label:"EPUB",hint:"Kindle \xB7 digital read",color:"#10B981"},{id:"html",label:"HTML",hint:"Web \xB7 share online",color:"#3B82F6"},{id:"zip",label:"ZIP",hint:"Archive \xB7 all files",color:"#8B5CF6"}];function forgeExportCards(){return{selectedFormat:null,panelVisible:!1,formats:FORGE_EXPORT_FORMATS,selectFormat(e){this.selectedFormat===e?this.panelVisible=!this.panelVisible:(this.selectedFormat=e,this.panelVisible=!0)},closePanel(){this.panelVisible=!1,this.selectedFormat=null}}}function analyticsPage(){return{loaded:!1,stats:null,_lastResultRef:null,stories:[],loadingStories:!1,loadingCheckpoint:!1,selectedStory:null,loadedResult:null,storySource:"current",$watch:null,get result(){return this.storySource==="saved"&&this.loadedResult?this.loadedResult:Alpine.store("app").pipelineResult},get hasCurrentResult(){return!!Alpine.store("app").pipelineResult},get currentStoryTitle(){const e=this.result;return e?(e.enhanced||e.draft)?.title||"Untitled Story":""},init(){this.fetchStories(),this.$watch("result",e=>{e?this.compute():(this.stats=null,this.loaded=!1)}),this.$watch(()=>Alpine.store("pipeline").status,e=>{e==="running"&&(this.stats=null,this.loaded=!1,this._lastResultRef=null)}),this.result&&this.compute()},async fetchStories(){this.loadingStories=!0;try{const e=await API.get("/pipeline/stories?limit=50");this.stories=e.items||[]}catch{this.stories=[]}finally{this.loadingStories=!1}},async loadStory(e){this.loadingCheckpoint=!0,this.selectedStory=e;try{const t=await API.get(`/pipeline/checkpoints/${encodeURIComponent(e)}`);this.loadedResult=t,this.storySource="saved",this._lastResultRef=null,this.compute()}catch(t){console.error("Failed to load story:",t)}finally{this.loadingCheckpoint=!1}},useCurrent(){this.storySource="current",this.loadedResult=null,this.selectedStory=null,this._lastResultRef=null,this.compute()},compute(){if(!this.result){this.stats=null,this.loaded=!1;return}const e=this.result.enhanced||this.result.draft;if(!e||!e.chapters){this.stats=null,this.loaded=!1;return}const t=e.chapters;if(this.loaded&&this._lastResultRef===this.result)return;const s=t.reduce((a,c)=>a+(c.content||"").split(/\s+/).length,0),r=t.length>0?Math.round(s/t.length):0,i=Math.ceil(s/200);this.stats={totalChapters:t.length,totalWords:s,avgWords:r,readingTime:i,quality:this.result.quality||null,hasSimulation:!!this.result.simulation,eventsCount:this.result.simulation?.events_count||0},this._lastResultRef=this.result,this.loaded=!0}}}function branchingPage(){return{selectedChapter:null,stories:[],loadedStory:null,loadingStories:!1,loadingCheckpoint:!1,showStoryPicker:!1,storySource:"current",loadError:"",restoringSession:!1,pendingRestoreSessionId:null,bookmarks:[],analytics:null,showBookmarksPanel:!1,showAnalyticsPanel:!1,showMergeDialog:!1,mergeNodeA:"",mergeNodeB:"",mergeStrategy:"auto",mergePreview:null,mergeLoading:!1,mergeError:"",showAutoExplore:!1,autoExploreNumPaths:3,autoExploreDepth:2,autoExplorePaths:[],autoExploreLoading:!1,init(){this.fetchStories(),this.$el.addEventListener("branch-close",()=>{this.selectedChapter=null,clearBranchSession()}),document.addEventListener("branch:started",(e=>{this.selectedChapter!==null&&saveBranchSession(e.detail.sessionId,this.selectedChapter,this.storyTitle)})),this.tryRestoreSession()},async tryRestoreSession(){const e=loadBranchSession();if(e){this.restoringSession=!0;try{(await fetch(`/api/branch/${e.sessionId}/current`)).ok?(this.pendingRestoreSessionId=e.sessionId,this.selectedChapter=e.chapterIndex):clearBranchSession()}catch{clearBranchSession()}finally{this.restoringSession=!1}}},get hasCurrentStory(){return!!Alpine.store("app").pipelineResult},get hasAnyStory(){return this.hasCurrentStory||this.loadedStory!==null},get activeResult(){return this.storySource==="saved"&&this.loadedStory?this.loadedStory:Alpine.store("app").pipelineResult},get chapters(){const e=this.activeResult;return e?(e.enhanced||e.draft)?.chapters||[]:[]},get storyTitle(){const e=this.activeResult;return e?(e.enhanced||e.draft)?.title||"Untitled":""},getChapterContent(e){const t=this.activeResult;if(!t)return"";const s=t.enhanced?.chapters?.[e],r=t.draft?.chapters?.[e];return s?.content||r?.content||""},async fetchStories(){this.loadingStories=!0;try{const e=await API.get("/pipeline/stories?limit=50");this.stories=e.items||[]}catch{this.stories=[]}finally{this.loadingStories=!1}},async loadStory(e){this.loadingCheckpoint=!0,this.loadError="";try{const t=await API.get(`/pipeline/checkpoints/${encodeURIComponent(e)}`);this.loadedStory=t,this.storySource="saved",this.selectedChapter=null,this.showStoryPicker=!1}catch(t){this.loadError=t.message||"Failed to load story"}finally{this.loadingCheckpoint=!1}},useCurrent(){this.storySource="current",this.loadedStory=null,this.selectedChapter=null,this.showStoryPicker=!1},selectChapter(e){if(this.selectedChapter===e){this.selectedChapter=null,clearBranchSession();return}this.selectedChapter=e},getSelectedContent(){return this.selectedChapter===null?"":this.getChapterContent(this.selectedChapter)},getStoryContext(){const e=this.activeResult;if(!e)return{};const t=e.enhanced||e.draft;if(!t)return{};const s=(t.characters||[]).slice(0,10).map(o=>({name:o.name||"",role:o.role||"",personality:o.personality||""})),r=t.world,i=r?`${r.name||""}: ${r.description||""}`.slice(0,500):"",c=(t.conflict_web||[]).filter(o=>o.status==="active").slice(0,5).map(o=>o.description||"").join("; ").slice(0,500);return{genre:t.genre||"",characters:s,world_summary:i,conflict_summary:c}},async loadBookmarks(e){try{const t=await API.get(`/branch/${e}/bookmarks`);this.bookmarks=t.bookmarks||[]}catch{this.bookmarks=[]}},async addBookmark(e,t,s){try{await API.post(`/branch/${e}/bookmarks`,{node_id:t,label:s}),await this.loadBookmarks(e)}catch(r){console.error("Failed to add bookmark:",r)}},async removeBookmark(e,t){try{await API.del(`/branch/${e}/bookmarks/${t}`),await this.loadBookmarks(e)}catch(s){console.error("Failed to remove bookmark:",s)}},async gotoBookmark(e,t){try{await API.post(`/branch/${e}/bookmarks/${t}/goto`),document.dispatchEvent(new CustomEvent("branch:refresh"))}catch(s){console.error("Failed to goto bookmark:",s)}},async loadAnalytics(e){try{this.analytics=await API.get(`/branch/${e}/analytics`)}catch{this.analytics=null}},async loadMergePreview(e){if(!this.mergeNodeA||!this.mergeNodeB){this.mergeError="Select two nodes to merge";return}this.mergeLoading=!0,this.mergeError="";try{this.mergePreview=await API.get(`/branch/${e}/merge/preview?node_a=${this.mergeNodeA}&node_b=${this.mergeNodeB}`)}catch(t){this.mergeError=t.message||"Failed to load preview",this.mergePreview=null}finally{this.mergeLoading=!1}},async executeMerge(e){this.mergeLoading=!0,this.mergeError="";try{await API.post(`/branch/${e}/merge`,{node_a_id:this.mergeNodeA,node_b_id:this.mergeNodeB,strategy:this.mergeStrategy}),this.showMergeDialog=!1,this.mergePreview=null,document.dispatchEvent(new CustomEvent("branch:refresh"))}catch(t){this.mergeError=t.message||"Merge failed"}finally{this.mergeLoading=!1}},async runAutoExplore(e){this.autoExploreLoading=!0,this.autoExplorePaths=[];try{const t=await API.post(`/branch/${e}/auto-explore`,{num_paths:this.autoExploreNumPaths,depth:this.autoExploreDepth});this.autoExplorePaths=t.paths||[]}catch(t){console.error("Auto-explore failed:",t)}finally{this.autoExploreLoading=!1}},async undo(e){try{await API.post(`/branch/${e}/undo`),document.dispatchEvent(new CustomEvent("branch:refresh"))}catch(t){console.error("Undo failed:",t)}},async redo(e){try{await API.post(`/branch/${e}/redo`),document.dispatchEvent(new CustomEvent("branch:refresh"))}catch(t){console.error("Redo failed:",t)}}}}function treeApiToBranchNodes(e){return!e||!e.nodes?[]:Object.values(e.nodes).map(t=>({id:t.id,label:t.text.slice(0,40)+(t.text.length>40?"\u2026":""),parentId:t.parent,depth:t.depth}))}function forgeBranchTreeMount(){return{_sessionId:null,nodes:[],currentNode:null,loading:!1,error:null,loaded:!1,setSession(e){e!==this._sessionId&&(this._sessionId=e,this.nodes=[],this.currentNode=null,this.loaded=!1,this.error=null)},async refresh(){if(this._sessionId){this.loading=!0,this.error=null;try{const e=await fetch(`/api/branch/${this._sessionId}/tree`);if(!e.ok)throw new Error(`HTTP ${e.status}`);const t=await e.json();this.nodes=treeApiToBranchNodes(t),this.currentNode=t.current??null,this.loaded=!0}catch(e){this.error=e instanceof Error?e.message:String(e),this.loaded=!1}finally{this.loading=!1}}}}}function pipelinePage(){return{activeTab:"draft",branchOpen:!1,_branchComp:null,handoffDiagLoading:!1,handoffDiagData:null,semanticDiagLoading:!1,semanticDiagData:null,ideaExamples:[{title:"Ti\xEAn Hi\u1EC7p",genre:"Ti\xEAn Hi\u1EC7p",idea:"M\u1ED9t thi\u1EBFu ni\xEAn b\xECnh th\u01B0\u1EDDng ph\xE1t hi\u1EC7n m\xECnh s\u1EDF h\u1EEFu linh c\u0103n hi\u1EBFm c\xF3",teaser:"Tu ti\xEAn gi\u1EA3 t\u01B0\u1EDFng v\u1EDBi h\u1EC7 th\u1ED1ng c\u1EA3nh gi\u1EDBi"},{title:"\u0110\xF4 Th\u1ECB",genre:"\u0110\xF4 Th\u1ECB",idea:"CEO tr\u1EBB tu\u1ED5i g\u1EB7p l\u1EA1i m\u1ED1i t\xECnh \u0111\u1EA7u sau 10 n\u0103m xa c\xE1ch",teaser:"T\xECnh y\xEAu l\xE3ng m\u1EA1n gi\u1EEFa ph\u1ED1 th\u1ECB hi\u1EC7n \u0111\u1EA1i"},{title:"Huy\u1EC1n Huy\u1EC5n",genre:"Huy\u1EC1n Huy\u1EC5n",idea:"M\u1ED9t ph\xE1p s\u01B0 y\u1EBFu \u0111u\u1ED1i t\xECnh c\u1EDD \u0111\xE1nh th\u1EE9c s\u1EE9c m\u1EA1nh c\u1ED5 \u0111\u1EA1i",teaser:"Ma ph\xE1p v\xE0 phi\xEAu l\u01B0u trong th\u1EBF gi\u1EDBi fantasy"},{title:"Xuy\xEAn Kh\xF4ng",genre:"Xuy\xEAn Kh\xF4ng",idea:"N\u1EEF b\xE1c s\u0129 hi\u1EC7n \u0111\u1EA1i xuy\xEAn v\u1EC1 th\u1EDDi c\u1ED5 \u0111\u1EA1i l\xE0m ho\xE0ng phi",teaser:"Tri th\u1EE9c hi\u1EC7n \u0111\u1EA1i g\u1EB7p \xE2m m\u01B0u cung \u0111\xECnh"}],$watch:null,$nextTick:null,$refs:null,_saveFormState(){try{const e=Alpine.store("pipeline").form,t={genre:e.genre,idea:e.idea,style:e.style,num_chapters:e.num_chapters};localStorage.setItem("sf_form_state",JSON.stringify(t))}catch{}},async _restoreFormState(){try{const e=localStorage.getItem("sf_form_state");if(!e)return;const t=JSON.parse(e),s=Alpine.store("pipeline").form;t.genre&&(s.genre=t.genre),t.idea&&(s.idea=t.idea),t.style&&(s.style=t.style),t.num_chapters&&(s.num_chapters=t.num_chapters)}catch{}},_watchFormState(){const e=()=>this._saveFormState();this.$watch(()=>Alpine.store("pipeline").form.genre,e),this.$watch(()=>Alpine.store("pipeline").form.idea,e),this.$watch(()=>Alpine.store("pipeline").form.style,e),this.$watch(()=>Alpine.store("pipeline").form.num_chapters,e)},async init(){await this._restoreFormState(),this._watchFormState()},relativeTimeVi(e){const t=Date.parse(e);if(!Number.isFinite(t))return"";const s=Math.max(0,Date.now()-t),r=Math.floor(s/6e4);if(r<1)return"v\u1EEBa xong";if(r<60)return`${r} ph\xFAt tr\u01B0\u1EDBc`;const i=Math.floor(r/60);return i<24?`${i} gi\u1EDD tr\u01B0\u1EDBc`:`${Math.floor(i/24)} ng\xE0y tr\u01B0\u1EDBc`},formatElapsedVi(e,t){if(e==null||t==null||t<e)return"";const s=t-e;return s<6e4?`${Math.max(1,Math.floor(s/1e3))} gi\xE2y`:`${Math.floor(s/6e4)} ph\xFAt`},resumeRangeEnd(){const e=Alpine.store("pipeline"),t=e.continuationMeta;if(!t)return 0;const s=t.resumeFromChapter||1;return t.targetChapters&&t.targetChapters>=s?t.targetChapters:s+Math.max(0,(e.form?.num_chapters||1)-1)},openReaderFromRibbon(){const e=Alpine.store("pipeline"),t=e.result?.filename;e.pendingJumpAfterOpen=!0,e.clearResumeRibbon(),Alpine.store("app").navigate("library"),t&&setTimeout(()=>{const r=document.querySelector('[x-data*="libraryPage"]')?._x_dataStack?.[0];r?.openStory&&r.openStory(t)},50)},get isContinuation(){return Alpine.store("pipeline").continuationMode},getPhaseState(e){const t=Alpine.store("pipeline");if(t.status==="idle"||t.status==="error")return"idle";if(t.status==="done")return"done";const s=t.progress/100*6,r=Math.floor(s);return e<r?"done":e===r?"active":"idle"},get estimateTime(){const e=Alpine.store("pipeline"),t=(e.continuationMode,e.form.num_chapters),s=Math.ceil(t*1.5);return s<60?`${s}m`:`${Math.floor(s/60)}h ${s%60}m`},get estimateCost(){return`$${(Alpine.store("pipeline").form.num_chapters*.02).toFixed(2)}`},async runPipeline(){this.activeTab="draft",this.isContinuation?await Alpine.store("pipeline").runContinuation():await Alpine.store("pipeline").run()},async loadHandoffDiagnostics(){const e=Alpine.store("pipeline").result?.story_id;if(!(!e||this.handoffDiagData)){this.handoffDiagLoading=!0;try{const t=await fetch(`/api/diagnostics/handoff/${e}`);t.ok&&(this.handoffDiagData=await t.json())}catch{}finally{this.handoffDiagLoading=!1}}},async loadSemanticDiagnostics(){const e=Alpine.store("pipeline").result?.story_id;if(!(!e||this.semanticDiagData)){this.semanticDiagLoading=!0;try{const t=await fetch(`/api/diagnostics/semantic/${e}`);t.ok&&(this.semanticDiagData=await t.json())}catch{}finally{this.semanticDiagLoading=!1}}},async openBranchMode(){const e=Alpine.store("pipeline").result;if(!e)return;const t=e.enhanced||e.draft;if(!t)return;const r=(t.chapters||[]).map(a=>(a.title?a.title+`
+/* runtime-bundle.min.js — classic globals + ESM IIFE (perf/forge-shell-2 S?) */
+"use strict";const _StorageManager=(()=>{const e="storyforge_storage";let r=null,i=!1,a=!0;function l(){return new Promise((n,c)=>{let h;try{h=indexedDB.open(e,1)}catch(u){return c(u)}h.onupgradeneeded=u=>{const m=u.target.result;m.objectStoreNames.contains("kv")||m.createObjectStore("kv",{keyPath:"key"})},h.onsuccess=u=>n(u.target.result),h.onerror=u=>c(u.target.error),h.onblocked=()=>c(new Error("IndexedDB blocked"))})}function o(n){return new Promise((c,h)=>{if(!r)return c(null);const u=r.transaction("kv","readonly").objectStore("kv").get(n);u.onsuccess=m=>{const b=m.target.result;c(b?b.value:null)},u.onerror=m=>h(m.target.error)})}function f(n,c){return new Promise((h,u)=>{if(!r)return u(new Error("IndexedDB not open"));const m=r.transaction("kv","readwrite").objectStore("kv").put({key:n,value:c});m.onsuccess=()=>h(),m.onerror=b=>u(b.target.error)})}function g(n){return new Promise((c,h)=>{if(!r)return c();const u=r.transaction("kv","readwrite").objectStore("kv").delete(n);u.onsuccess=()=>c(),u.onerror=m=>h(m.target.error)})}function d(){return new Promise((n,c)=>{if(!r)return n();const h=r.transaction("kv","readwrite").objectStore("kv").clear();h.onsuccess=()=>n(),h.onerror=u=>c(u.target.error)})}function p(){try{return sessionStorage.setItem("__sf_probe__","1"),sessionStorage.removeItem("__sf_probe__"),!0}catch{return!1}}return{async init(){if(a=p(),a||console.warn("[StorageManager] sessionStorage unavailable, using IndexedDB only."),typeof indexedDB>"u"){console.warn("[StorageManager] IndexedDB unavailable. Storage is best-effort.");return}if(!r)try{r=await l()}catch(n){console.warn("[StorageManager] IndexedDB open failed:",n.message),r=null}},async setItem(n,c){if(a)try{sessionStorage.setItem(n,c),i=!1;return}catch(h){h instanceof DOMException&&(h.code===22||h.name==="QuotaExceededError"||h.name==="NS_ERROR_DOM_QUOTA_REACHED")||console.warn("[StorageManager] sessionStorage.setItem unexpected error:",h.message)}if(r)try{await f(n,c),i=!0}catch(h){console.warn("[StorageManager] IndexedDB setItem failed:",h.message),window.dispatchEvent(new CustomEvent("storage-error",{detail:{key:n,error:h}}))}else console.warn("[StorageManager] No storage backend available for key:",n),window.dispatchEvent(new CustomEvent("storage-error",{detail:{key:n,error:new Error("No storage backend available")}}))},async getItem(n){if(a)try{const c=sessionStorage.getItem(n);if(c!==null)return c}catch(c){console.warn("[StorageManager] sessionStorage.getItem error:",c.message)}if(r)try{return await o(n)}catch(c){console.warn("[StorageManager] IndexedDB getItem failed:",c.message)}return null},async removeItem(n){if(a)try{sessionStorage.removeItem(n)}catch{}if(r)try{await g(n)}catch(c){console.warn("[StorageManager] IndexedDB removeItem failed:",c.message)}},async clear(){if(a)try{sessionStorage.clear()}catch{}if(r)try{await d()}catch(n){console.warn("[StorageManager] IndexedDB clear failed:",n.message)}i=!1},isUsingFallback(){return i}}})();window.storageManager=_StorageManager;function getCookie(e){const t=document.cookie.match(new RegExp("(?:^|; )"+e+"=([^;]*)"));return t?decodeURIComponent(t[1]):null}function mutationHeaders(){const e={"Content-Type":"application/json"},t=getCookie("csrf_token");return t&&(e["X-CSRF-Token"]=t),e}const DEFAULT_TIMEOUT_MS=3e4,STREAM_TIMEOUT_MS=3e5,GET_MAX_RETRIES=2;async function fetchWithTimeout(e,t,s){const r=new AbortController,i=setTimeout(()=>r.abort(),s);try{return await fetch(e,{...t,signal:r.signal})}finally{clearTimeout(i)}}var API={base:"/api",async get(e){let t;for(let s=0;s<=GET_MAX_RETRIES;s++)try{const r=await fetchWithTimeout(this.base+e,{},DEFAULT_TIMEOUT_MS);if(!r.ok){let i=`GET ${e}: ${r.status}`;try{const a=await r.json();a.detail&&(i=a.detail)}catch{}throw new Error(i)}return r.json()}catch(r){if(r instanceof Error&&r.message.startsWith("GET "))throw r;if(t=r,s===GET_MAX_RETRIES)break;await new Promise(i=>setTimeout(i,200*(s+1)))}throw t},async post(e,t={}){const s=await fetchWithTimeout(this.base+e,{method:"POST",headers:mutationHeaders(),body:JSON.stringify(t)},DEFAULT_TIMEOUT_MS);if(!s.ok){let r=`POST ${e}: ${s.status}`;try{const i=await s.json();i.detail&&(r=i.detail)}catch{}throw new Error(r)}return s.json()},async put(e,t={}){const s=await fetchWithTimeout(this.base+e,{method:"PUT",headers:mutationHeaders(),body:JSON.stringify(t)},DEFAULT_TIMEOUT_MS);if(!s.ok){let r=`PUT ${e}: ${s.status}`;try{const i=await s.json();i.detail&&(r=i.detail)}catch{}throw new Error(r)}return s.json()},async patch(e,t){const s=await fetchWithTimeout(this.base+e,{method:"PATCH",headers:mutationHeaders(),...t!==void 0?{body:JSON.stringify(t)}:{}},DEFAULT_TIMEOUT_MS);if(!s.ok){let r=`PATCH ${e}: ${s.status}`;try{const i=await s.json();i.detail&&(r=i.detail)}catch{}throw new Error(r)}return s.json()},async del(e){const t=await fetchWithTimeout(this.base+e,{method:"DELETE",headers:mutationHeaders()},DEFAULT_TIMEOUT_MS);if(!t.ok){let s=`DELETE ${e}: ${t.status}`;try{const r=await t.json();r.detail&&(s=r.detail)}catch{}throw new Error(s)}return t.json()},async*stream(e,t){const s=await fetchWithTimeout(this.base+e,{method:"POST",headers:mutationHeaders(),body:JSON.stringify(t)},STREAM_TIMEOUT_MS);if(!s.ok){let o=`SSE ${e}: ${s.status}`;try{const f=await s.json();f.detail&&(o=f.detail)}catch{}throw new Error(o)}const r=s.body.getReader(),i=new TextDecoder;let a="",l=!1;try{for(;;){const{done:o,value:f}=await r.read();if(o)break;a+=i.decode(f,{stream:!0});const g=a.split(`
+`);a=g.pop()??"";for(const d of g)if(d.startsWith("data: "))try{const p=JSON.parse(d.slice(6));(p.type==="done"||p.type==="error")&&(l=!0),yield p}catch{console.warn("[SSE] JSON parse failed:",d)}}}catch(o){yield{type:"interrupted",data:"Connection lost: "+(o instanceof Error?o.message:String(o))};return}if(a+=i.decode(),a.trim().startsWith("data: "))try{const o=JSON.parse(a.trim().slice(6));(o.type==="done"||o.type==="error")&&(l=!0),yield o}catch{console.warn("[SSE] JSON parse failed (flush):",a.trim())}l||(yield{type:"interrupted",data:"Stream ended unexpectedly"})},async*streamBuffered(e,t,s=500){let r=[],i=Date.now();for await(const a of this.stream(e,t)){if(["done","error","interrupted"].includes(a.type)){for(const o of r)yield o;r=[],yield a;return}if(r.push(a),Date.now()-i>=s){for(const o of r)yield o;r=[],i=Date.now()}}for(const a of r)yield a},async download(e,t){const s=await fetchWithTimeout(this.base+e,{method:"POST",headers:mutationHeaders()},DEFAULT_TIMEOUT_MS);if(!s.ok){let l=`Download ${e}: ${s.status}`;try{const o=await s.json();o.detail&&(l=o.detail)}catch{}throw new Error(l)}const r=await s.blob(),i=URL.createObjectURL(r),a=document.createElement("a");a.href=i,a.download=t,a.click(),URL.revokeObjectURL(i)}};(()=>{const e={locale:typeof localStorage<"u"&&localStorage.getItem("storyforge_locale")||"vi",translations:{},t(t){return this.translations[this.locale]?.[t]||this.translations.en?.[t]||t},setLocale(t){this.locale=t,typeof localStorage<"u"&&localStorage.setItem("storyforge_locale",t)},async loadTranslations(){try{const[t,s]=await Promise.all([fetch("/static/locales/vi.json").then(r=>r.json()),fetch("/static/locales/en.json").then(r=>r.json())]);this.translations={vi:t,en:s}}catch(t){console.warn("Failed to load translations:",t)}}};window.__sf_i18n=e})();const GENRE_LABEL_TO_SLUG=Object.freeze({"ti\xEAn hi\u1EC7p":"tien-hiep","tien hiep":"tien-hiep","\u0111\xF4 th\u1ECB":"do-thi","do thi":"do-thi","huy\u1EC1n huy\u1EC5n":"huyen-huyen","huyen huyen":"huyen-huyen","xuy\xEAn kh\xF4ng":"xuyen-khong","xuyen khong":"xuyen-khong"}),GENRE_DEFAULT_HUE=Object.freeze({"tien-hiep":"#10B981","do-thi":"#F43F5E","huyen-huyen":"#8B5CF6","xuyen-khong":"#F59E0B"});function libraryPage(){return{stories:[],loading:!1,error:"",loadingStory:null,confirmDelete:null,searchQuery:"",qualityFilter:"all",qualitySummaries:{},generatingImages:null,generatingChapterImage:null,rebuildingProfile:null,uploadingReference:null,imageStatus:"",selectedStory:null,chapter:0,fontSize:18,characterProfiles:[],showCharacterPanel:!1,qualityScores:null,showQualityPanel:!1,readerUsage:null,latestContinuation:null,jumpDismissed:!1,viewMode:"grid",get isReading(){return this.selectedStory!==null},get story(){return this.selectedStory&&(this.selectedStory.enhanced||this.selectedStory.draft)||null},get chapters(){return this.story?this.story.chapters||[]:[]},get currentChapter(){return this.chapters[this.chapter]||null},get filteredStories(){const e=this.searchQuery.toLowerCase();return this.stories.filter(t=>{if(e&&!((t.title||t.path).toLowerCase().includes(e)||(t.genre||"").toLowerCase().includes(e)))return!1;if(this.qualityFilter==="all")return!0;const s=this.qualitySummaries[t.path];return this.qualityFilter==="scored"?!!s:!s})},init(){this.loadStories().then(()=>this.loadQualitySummaries())},async loadStories(){this.loading=!0,this.error="";try{const e=await API.get("/pipeline/checkpoints");this.stories=e.checkpoints||[]}catch(e){this.error="Failed to load stories: "+e.message,this.stories=[]}this.loading=!1},async loadQualitySummaries(){try{const e=await API.get("/quality");this.qualitySummaries=e.summaries||{}}catch{this.qualitySummaries={}}},qualityForStory(e){return this.qualitySummaries[e]||null},recentContinuationFor(e){const t=e.latest_continuation;if(!t||!t.ts)return null;const s=Date.parse(t.ts);if(!Number.isFinite(s))return null;const r=(Date.now()-s)/864e5;return r>=0&&r<=7?t:null},relativeTimeVi(e){const t=Date.parse(e);if(!Number.isFinite(t))return"";const s=Math.max(0,Date.now()-t),r=Math.floor(s/6e4);if(r<1)return"v\u1EEBa xong";if(r<60)return`${r} ph\xFAt tr\u01B0\u1EDBc`;const i=Math.floor(r/60);return i<24?`${i} gi\u1EDD tr\u01B0\u1EDBc`:`${Math.floor(i/24)} ng\xE0y tr\u01B0\u1EDBc`},get firstNewChapter(){const e=this.latestContinuation;if(!e)return null;const t=(Date.now()-Date.parse(e.ts))/864e5;return!Number.isFinite(t)||t>7?null:e.previous_chapter_count+1},get showJumpToNew(){return this.jumpDismissed||!this.firstNewChapter?!1:this.chapter+1<this.firstNewChapter},jumpToNewChapter(){const e=this.firstNewChapter;if(e==null)return;const t=Math.min(e-1,Math.max(0,this.chapters.length-1));this.chapter=t,this.jumpDismissed=!0},overallPillClass(e){return e>=4?"bg-emerald-100 text-emerald-700 border-emerald-200":e>=3?"bg-amber-100 text-amber-700 border-amber-200":"bg-rose-100 text-rose-700 border-rose-200"},usageForStory(e){const t=e.usage_summary;return!t||t.call_count<=0?null:t},formatTokens(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${Math.round(e/1e3)}k`:String(e)},formatUsageLabel(e){const t=`${this.formatTokens(e.total_tokens)} tokens`,s=`${e.call_count} calls`;return e.total_cost_usd<=0?`${t} \xB7 ${s}`:`${e.total_cost_usd>=1?`$${e.total_cost_usd.toFixed(2)}`:`$${e.total_cost_usd.toFixed(3)}`} \xB7 ${t} \xB7 ${s}`},usagePillClass(e){return e.total_cost_usd<=0?"bg-slate-100 text-slate-600 border-slate-200":e.total_cost_usd<.5?"bg-emerald-100 text-emerald-700 border-emerald-200":e.total_cost_usd<2?"bg-amber-100 text-amber-700 border-amber-200":"bg-rose-100 text-rose-700 border-rose-200"},async openStory(e){this.loadingStory=e,this.error="";try{const t=await API.get("/pipeline/checkpoints/"+encodeURIComponent(e));if(t.error){this.error=t.error,this.loadingStory=null;return}this.selectedStory=t,this.chapter=0,this.characterProfiles=[],this.qualityScores=null,this.jumpDismissed=!1,this.latestContinuation=this.stories.find(r=>r.path===e)?.latest_continuation||null,Alpine.store("pipeline").result=t,Alpine.store("pipeline").status="done",Alpine.store("pipeline").progress=4,Alpine.store("app").pipelineResult=t;const s=Alpine.store("pipeline");s.pendingJumpAfterOpen&&(s.pendingJumpAfterOpen=!1,this.jumpToNewChapter()),this.loadCharacterProfiles(e),this.loadQuality(e),this.loadUsage(e)}catch(t){this.error="Failed to load story: "+t.message}this.loadingStory=null},async loadCharacterProfiles(e){try{const t=await API.get("/images/"+encodeURIComponent(e)+"/profiles");this.characterProfiles=t.profiles||[]}catch{this.characterProfiles=[]}},async loadQuality(e){try{const t=await API.get("/quality/"+encodeURIComponent(e));this.qualityScores=t}catch{this.qualityScores=null}},async loadUsage(e){try{const s=(await API.get("/usage/story/"+encodeURIComponent(e)))?.totals;this.readerUsage=s&&s.call_count>0?s:null}catch{this.readerUsage=null}},chapterScore(e){return(this.qualityScores?.chapters||[]).find(s=>s.chapter_number===e)||null},scoreColor(e){return e>=3.75?"bg-emerald-100 text-emerald-700 border-emerald-200":e>=2.5?"bg-amber-100 text-amber-700 border-amber-200":"bg-rose-100 text-rose-700 border-rose-200"},backToList(){this.selectedStory=null,this.chapter=0,this.characterProfiles=[],this.showCharacterPanel=!1,this.qualityScores=null,this.showQualityPanel=!1,this.readerUsage=null,this.latestContinuation=null,this.jumpDismissed=!1},async deleteStory(e){this.error="";try{const t=await API.del("/pipeline/checkpoints/"+encodeURIComponent(e));t.error?this.error=t.error:this.stories=this.stories.filter(s=>s.path!==e)}catch(t){this.error="Failed to delete: "+t.message}this.confirmDelete=null},continueStory(e){const t=e||(this.selectedStory?{path:this.selectedStory.filename||"",title:this.story?.title||"",chapter_count:this.chapters.length,genre:this.story?.genre||""}:null);t&&(Alpine.store("pipeline").startContinuation({checkpoint:t.path,title:t.title||t.path,chapterCount:t.chapter_count||0,genre:t.genre||""}),Alpine.store("app").navigate("pipeline"))},resumeStory(e){if(!e?.path)return;const t=e.target_chapters||0,s=e.chapter_count||0,r=Math.max(1,t-s),i=Alpine.store("pipeline");i.form&&(i.form.num_chapters=r),i.startContinuation({checkpoint:e.path,title:e.title||e.path,chapterCount:s,genre:e.genre||"",resumeFromChapter:e.resume_from_chapter||s+1,targetChapters:t,interruptedAt:e.modified||""}),Alpine.store("app").navigate("pipeline")},interruptedInfo(e){return!e.interrupted||!e.resume_from_chapter?null:{resumeFrom:e.resume_from_chapter,target:e.target_chapters||0}},async generateImages(e){if(e?.path){this.generatingImages=e.path,this.imageStatus="",this.error="";try{const t=await API.post("/images/"+encodeURIComponent(e.path)+"/generate",{});if(this.imageStatus=t.message||`\u0110\xE3 t\u1EA1o ${t.count} \u1EA3nh`,this.selectedStory&&this.selectedStory.filename===e.path&&t.chapter_images){const s=t.chapter_images;(this.selectedStory.enhanced||this.selectedStory.draft)?.chapters?.forEach(i=>{const a=i.chapter_number;a!=null&&s[String(a)]&&(i.images=s[String(a)])})}}catch(t){this.error="T\u1EA1o \u1EA3nh th\u1EA5t b\u1EA1i: "+t.message}this.generatingImages=null,setTimeout(()=>{this.imageStatus=""},5e3)}},async generateChapterImage(e){const t=this.selectedStory?.filename;if(!(!t||e==null)){this.generatingChapterImage=e,this.imageStatus="",this.error="";try{const s=await API.post("/images/"+encodeURIComponent(t)+"/generate",{chapter:e});this.imageStatus=s.message||`\u0110\xE3 t\u1EA1o ${s.count} \u1EA3nh cho ch\u01B0\u01A1ng ${e}`;const r=s.chapter_images||{},a=(this.selectedStory?.enhanced||this.selectedStory?.draft)?.chapters?.find(l=>l.chapter_number===e);a&&r[String(e)]&&(a.images=r[String(e)])}catch(s){this.error="T\u1EA1o \u1EA3nh ch\u01B0\u01A1ng th\u1EA5t b\u1EA1i: "+s.message}this.generatingChapterImage=null,setTimeout(()=>{this.imageStatus=""},5e3)}},async rebuildCharacterProfile(e){const t=this.selectedStory?.filename;if(!(!t||!e||this.rebuildingProfile)){this.rebuildingProfile=e,this.error="";try{const s=await API.post("/images/"+encodeURIComponent(t)+"/profiles/"+encodeURIComponent(e)+"/rebuild",{}),r=this.characterProfiles.findIndex(a=>a.name===s.name),i={name:s.name,frozen_prompt:s.frozen_prompt,prompt_version:s.prompt_version,has_reference_image:s.has_reference_image,reference_url:s.reference_url};r>=0?this.characterProfiles.splice(r,1,i):this.characterProfiles.push(i)}catch(s){this.error="T\u1EA1o l\u1EA1i h\u1ED3 s\u01A1 th\u1EA5t b\u1EA1i: "+s.message}this.rebuildingProfile=null}},async uploadReference(e,t){const s=this.selectedStory?.filename;if(!(!s||!e||!t||this.uploadingReference)){this.uploadingReference=e,this.error="";try{const r=new FormData;r.append("file",t);const i=document.cookie.match(/(?:^|; )csrf_token=([^;]*)/),a={};i&&(a["X-CSRF-Token"]=decodeURIComponent(i[1]));const l=await fetch("/api/images/"+encodeURIComponent(s)+"/profiles/"+encodeURIComponent(e)+"/reference",{method:"POST",headers:a,body:r});if(!l.ok){let d=`Upload: ${l.status}`;try{const p=await l.json();p.detail&&(d=p.detail)}catch{}throw new Error(d)}const o=await l.json(),f=this.characterProfiles.findIndex(d=>d.name===o.name),g={name:o.name,frozen_prompt:o.frozen_prompt,prompt_version:o.prompt_version,has_reference_image:o.has_reference_image,reference_url:o.reference_url};f>=0?this.characterProfiles.splice(f,1,g):this.characterProfiles.push(g)}catch(r){this.error="T\u1EA3i \u1EA3nh tham chi\u1EBFu th\u1EA5t b\u1EA1i: "+r.message}this.uploadingReference=null}},layerLabel(e){return{1:"Draft",2:"Enhanced",3:"Complete"}[e]||"Draft"},layerColor(e){return e>=3?"bg-green-100 text-green-700":e===2?"bg-blue-100 text-blue-700":"bg-amber-100 text-amber-700"},forgeStatusFor(e){return e.interrupted?"error":(e.current_layer??e.layer??1)>=2?"done":"idle"},forgeGenreSlug(e){const t=(e.genre||"").trim().toLowerCase();return GENRE_LABEL_TO_SLUG[t]||"tien-hiep"},forgeGenreHue(e){return GENRE_DEFAULT_HUE[this.forgeGenreSlug(e)]||"#10B981"},setViewMode(e){this.viewMode=e==="list"?"list":"grid"},onStoryOpen(e){this.openStory(e)},onStoryContinue(e){const t=this.stories.find(s=>s.path===e);t&&this.continueStory(t)},onStoryBranch(e){const t=this.stories.find(s=>s.path===e);t&&this.continueStory(t)},onStoryDelete(e){this.confirmDelete===e?this.deleteStory(e):this.confirmDelete=e},prev(){this.chapter>0&&this.chapter--},next(){this.chapter<this.chapters.length-1&&this.chapter++}}}function pipelinePage(){return{activeTab:"draft",branchOpen:!1,_branchComp:null,handoffDiagLoading:!1,handoffDiagData:null,semanticDiagLoading:!1,semanticDiagData:null,ideaExamples:[{title:"Ti\xEAn Hi\u1EC7p",genre:"Ti\xEAn Hi\u1EC7p",idea:"M\u1ED9t thi\u1EBFu ni\xEAn b\xECnh th\u01B0\u1EDDng ph\xE1t hi\u1EC7n m\xECnh s\u1EDF h\u1EEFu linh c\u0103n hi\u1EBFm c\xF3",teaser:"Tu ti\xEAn gi\u1EA3 t\u01B0\u1EDFng v\u1EDBi h\u1EC7 th\u1ED1ng c\u1EA3nh gi\u1EDBi"},{title:"\u0110\xF4 Th\u1ECB",genre:"\u0110\xF4 Th\u1ECB",idea:"CEO tr\u1EBB tu\u1ED5i g\u1EB7p l\u1EA1i m\u1ED1i t\xECnh \u0111\u1EA7u sau 10 n\u0103m xa c\xE1ch",teaser:"T\xECnh y\xEAu l\xE3ng m\u1EA1n gi\u1EEFa ph\u1ED1 th\u1ECB hi\u1EC7n \u0111\u1EA1i"},{title:"Huy\u1EC1n Huy\u1EC5n",genre:"Huy\u1EC1n Huy\u1EC5n",idea:"M\u1ED9t ph\xE1p s\u01B0 y\u1EBFu \u0111u\u1ED1i t\xECnh c\u1EDD \u0111\xE1nh th\u1EE9c s\u1EE9c m\u1EA1nh c\u1ED5 \u0111\u1EA1i",teaser:"Ma ph\xE1p v\xE0 phi\xEAu l\u01B0u trong th\u1EBF gi\u1EDBi fantasy"},{title:"Xuy\xEAn Kh\xF4ng",genre:"Xuy\xEAn Kh\xF4ng",idea:"N\u1EEF b\xE1c s\u0129 hi\u1EC7n \u0111\u1EA1i xuy\xEAn v\u1EC1 th\u1EDDi c\u1ED5 \u0111\u1EA1i l\xE0m ho\xE0ng phi",teaser:"Tri th\u1EE9c hi\u1EC7n \u0111\u1EA1i g\u1EB7p \xE2m m\u01B0u cung \u0111\xECnh"}],$watch:null,$nextTick:null,$refs:null,_saveFormState(){try{const e=Alpine.store("pipeline").form,t={genre:e.genre,idea:e.idea,style:e.style,num_chapters:e.num_chapters};localStorage.setItem("sf_form_state",JSON.stringify(t))}catch{}},async _restoreFormState(){try{const e=localStorage.getItem("sf_form_state");if(!e)return;const t=JSON.parse(e),s=Alpine.store("pipeline").form;t.genre&&(s.genre=t.genre),t.idea&&(s.idea=t.idea),t.style&&(s.style=t.style),t.num_chapters&&(s.num_chapters=t.num_chapters)}catch{}},_watchFormState(){const e=()=>this._saveFormState();this.$watch(()=>Alpine.store("pipeline").form.genre,e),this.$watch(()=>Alpine.store("pipeline").form.idea,e),this.$watch(()=>Alpine.store("pipeline").form.style,e),this.$watch(()=>Alpine.store("pipeline").form.num_chapters,e)},async init(){await this._restoreFormState(),this._watchFormState()},relativeTimeVi(e){const t=Date.parse(e);if(!Number.isFinite(t))return"";const s=Math.max(0,Date.now()-t),r=Math.floor(s/6e4);if(r<1)return"v\u1EEBa xong";if(r<60)return`${r} ph\xFAt tr\u01B0\u1EDBc`;const i=Math.floor(r/60);return i<24?`${i} gi\u1EDD tr\u01B0\u1EDBc`:`${Math.floor(i/24)} ng\xE0y tr\u01B0\u1EDBc`},formatElapsedVi(e,t){if(e==null||t==null||t<e)return"";const s=t-e;return s<6e4?`${Math.max(1,Math.floor(s/1e3))} gi\xE2y`:`${Math.floor(s/6e4)} ph\xFAt`},resumeRangeEnd(){const e=Alpine.store("pipeline"),t=e.continuationMeta;if(!t)return 0;const s=t.resumeFromChapter||1;return t.targetChapters&&t.targetChapters>=s?t.targetChapters:s+Math.max(0,(e.form?.num_chapters||1)-1)},openReaderFromRibbon(){const e=Alpine.store("pipeline"),t=e.result?.filename;e.pendingJumpAfterOpen=!0,e.clearResumeRibbon(),Alpine.store("app").navigate("library"),t&&setTimeout(()=>{const r=document.querySelector('[x-data*="libraryPage"]')?._x_dataStack?.[0];r?.openStory&&r.openStory(t)},50)},get isContinuation(){return Alpine.store("pipeline").continuationMode},getPhaseState(e){const t=Alpine.store("pipeline");if(t.status==="idle"||t.status==="error")return"idle";if(t.status==="done")return"done";const s=t.progress/100*6,r=Math.floor(s);return e<r?"done":e===r?"active":"idle"},get estimateTime(){const e=Alpine.store("pipeline"),t=(e.continuationMode,e.form.num_chapters),s=Math.ceil(t*1.5);return s<60?`${s}m`:`${Math.floor(s/60)}h ${s%60}m`},get estimateCost(){return`$${(Alpine.store("pipeline").form.num_chapters*.02).toFixed(2)}`},async runPipeline(){this.activeTab="draft",this.isContinuation?await Alpine.store("pipeline").runContinuation():await Alpine.store("pipeline").run()},async loadHandoffDiagnostics(){const e=Alpine.store("pipeline").result?.story_id;if(!(!e||this.handoffDiagData)){this.handoffDiagLoading=!0;try{const t=await fetch(`/api/diagnostics/handoff/${e}`);t.ok&&(this.handoffDiagData=await t.json())}catch{}finally{this.handoffDiagLoading=!1}}},async loadSemanticDiagnostics(){const e=Alpine.store("pipeline").result?.story_id;if(!(!e||this.semanticDiagData)){this.semanticDiagLoading=!0;try{const t=await fetch(`/api/diagnostics/semantic/${e}`);t.ok&&(this.semanticDiagData=await t.json())}catch{}finally{this.semanticDiagLoading=!1}}},async openBranchMode(){const e=Alpine.store("pipeline").result;if(!e)return;const t=e.enhanced||e.draft;if(!t)return;const r=(t.chapters||[]).map(a=>(a.title?a.title+`
 `:"")+a.content).join(`
 
-`);this.branchOpen=!0,await this.$nextTick();const i=this.$refs.branchPanel;if(i&&i._x_dataStack){const a=i._x_dataStack[0];a&&typeof a.startSession=="function"&&a.startSession(r)}}}}const REFRESH_INTERVAL_MS=1e4,TICK_INTERVAL_MS=1e3;function providersPage(){return{snapshot:null,loading:!1,error:"",lastFetchAt:0,_refreshTimer:0,_tickTimer:0,async init(){await this.loadHealth(),this._refreshTimer=window.setInterval(()=>{this.loadHealth()},REFRESH_INTERVAL_MS),this._tickTimer=window.setInterval(()=>this._tickCooldowns(),TICK_INTERVAL_MS)},destroy(){this._refreshTimer&&window.clearInterval(this._refreshTimer),this._tickTimer&&window.clearInterval(this._tickTimer)},async loadHealth(){this.loading=!this.snapshot,this.error="";try{const e=await API.get("/providers/health");this.snapshot=e,this.lastFetchAt=Date.now()}catch(e){this.error=e instanceof Error?e.message:"Failed to load health snapshot"}finally{this.loading=!1}},_tickCooldowns(){if(this.snapshot){for(const e of this.snapshot.providers)e.cooldown_remaining_s>0&&(e.cooldown_remaining_s=Math.max(0,e.cooldown_remaining_s-1));for(const e of this.snapshot.rate_limited_keys)e.cooldown_remaining_s>0&&(e.cooldown_remaining_s=Math.max(0,e.cooldown_remaining_s-1));for(const e of this.snapshot.rate_limited_models)e.cooldown_remaining_s>0&&(e.cooldown_remaining_s=Math.max(0,e.cooldown_remaining_s-1))}},statusLabel(e){return e.healthy?e.cooldown_remaining_s>0?"Cooldown":"Kho\u1EBB":"L\u1ED7i"},statusDotClass(e){return e.healthy?e.cooldown_remaining_s>0?"bg-amber-500":"bg-green-500":"bg-red-500"},statusBadgeClass(e){return e.healthy?e.cooldown_remaining_s>0?"bg-amber-50 text-amber-700":"bg-green-50 text-green-700":"bg-red-50 text-red-700"},formatLatency(e){return e==null?"\u2014":`${e} ms`},formatCooldown(e){if(e<=0)return"\u2014";if(e<60)return`${e}s`;const t=Math.floor(e/60),s=e%60;return`${t}m ${s}s`},get providers(){return this.snapshot?.providers||[]},get rateLimitedKeys(){return this.snapshot?.rate_limited_keys||[]},get rateLimitedModels(){return this.snapshot?.rate_limited_models||[]},get isEmpty(){return this.providers.length===0&&this.rateLimitedKeys.length===0&&this.rateLimitedModels.length===0}}}function settingsPage(){return{showAddKey:!1,newKeyInput:"",showAddProfile:!1,editingProfile:null,profileForm:{name:"",base_url:"",api_key:"",model:"",enabled:!0},profileDetected:null,profiles:[],form:{api_key:"",base_url:"https://api.openai.com/v1",model:"gpt-4o-mini",temperature:.8,max_tokens:4096,cheap_model:"",cheap_base_url:"",image_provider:"none",hf_token:"",hf_image_model:"black-forest-labs/FLUX.1-schnell",image_prompt_style:"cinematic"},maskedKey:"",maskedHfToken:"",savedKeysMasked:[],saving:!1,testing:!1,message:"",showKey:!1,selectedProvider:"openai",presetApplied:"",$watch:null,providers:[{id:"openai",name:"OpenAI",icon:"chip",hint:"GPT-5.4, o3, o4",url:"https://api.openai.com/v1",keyPlaceholder:"sk-proj-...",guide:'Get your API key at <a href="https://platform.openai.com/api-keys" target="_blank" class="text-brand-600 underline font-medium">platform.openai.com</a> \u2192 Create new secret key \u2192 Copy and paste here.',models:[{id:"gpt-5.4-nano",label:"GPT-5.4 Nano (cheapest)"},{id:"gpt-5.4-mini",label:"GPT-5.4 Mini"},{id:"gpt-5.4",label:"GPT-5.4"},{id:"o4-mini",label:"o4-mini (reasoning)"},{id:"o3",label:"o3 (advanced reasoning)"}]},{id:"gemini",name:"Google Gemini",icon:"sparkles",hint:"Gemini 2.5 / 3.1",url:"https://generativelanguage.googleapis.com/v1beta/openai/",keyPlaceholder:"AIza...",guide:'Get a free API key at <a href="https://aistudio.google.com/apikey" target="_blank" class="text-brand-600 underline font-medium">aistudio.google.com</a> \u2192 Create API Key \u2192 Copy.',models:[{id:"gemini-2.5-flash-lite",label:"Gemini 2.5 Flash Lite (cheapest)"},{id:"gemini-2.5-flash",label:"Gemini 2.5 Flash"},{id:"gemini-2.5-pro",label:"Gemini 2.5 Pro"},{id:"gemini-3-flash-preview",label:"Gemini 3 Flash (preview)"},{id:"gemini-3.1-pro-preview",label:"Gemini 3.1 Pro (latest)"},{id:"gemini-3.1-flash-lite-preview",label:"Gemini 3.1 Flash Lite (preview)"},{id:"gemma-4-31b-it",label:"Gemma 4 31B (free, 262K ctx)"},{id:"gemma-4-26b-a4b-it",label:"Gemma 4 26B MoE (free, 262K ctx)"}]},{id:"anthropic",name:"Anthropic",icon:"academic-cap",hint:"Claude 4.5 / 4.6",url:"https://api.anthropic.com/v1/",keyPlaceholder:"sk-ant-...",guide:'Get your API key at <a href="https://console.anthropic.com/settings/keys" target="_blank" class="text-brand-600 underline font-medium">console.anthropic.com</a> \u2192 Create Key \u2192 Copy.',models:[{id:"claude-haiku-4-5-20251001",label:"Haiku 4.5 (cheapest)"},{id:"claude-sonnet-4-6-20260217",label:"Sonnet 4.6"},{id:"claude-opus-4-6-20260205",label:"Opus 4.6 (most powerful)"}]},{id:"openrouter",name:"OpenRouter",icon:"arrows-right-left",hint:"290+ models",url:"https://openrouter.ai/api/v1",keyPlaceholder:"sk-or-...",guide:'Register at <a href="https://openrouter.ai/keys" target="_blank" class="text-brand-600 underline font-medium">openrouter.ai</a> \u2192 Keys \u2192 Create Key. 29+ free models available!',models:[{id:"openrouter/free",label:"\u{1F3AF} Auto Router (free, auto-picks best model)"},{id:"qwen/qwen3-next-80b-a3b-instruct:free",label:"Qwen3 Next 80B (free, 262K ctx)"},{id:"nousresearch/hermes-3-llama-3.1-405b:free",label:"Hermes 3 405B (free, 131K ctx)"},{id:"nvidia/nemotron-3-super-120b-a12b:free",label:"Nemotron 3 Super 120B (free)"},{id:"meta-llama/llama-3.3-70b-instruct:free",label:"Llama 3.3 70B (free, 65K ctx)"},{id:"google/gemma-4-31b-it:free",label:"Gemma 4 31B (free, 262K ctx)"},{id:"google/gemma-4-26b-a4b-it:free",label:"Gemma 4 26B MoE (free, 262K ctx)"},{id:"google/gemma-3-27b-it:free",label:"Gemma 3 27B (free, 131K ctx)"},{id:"z-ai/glm-4.5-air:free",label:"GLM 4.5 Air (free, 131K ctx)"},{id:"openai/gpt-oss-120b:free",label:"GPT-OSS 120B (free)"},{id:"deepseek/deepseek-r1",label:"DeepSeek R1"},{id:"anthropic/claude-sonnet-4-6",label:"Claude Sonnet 4.6"}]},{id:"kyma",name:"Kyma",icon:"bolt",hint:"Auto-failover, $0.50 free",url:"https://kymaapi.com/v1",keyPlaceholder:"ky-... or kyma-...",guide:'Register at <a href="https://kymaapi.com" target="_blank" class="text-brand-600 underline font-medium">kymaapi.com</a> \u2192 Get $0.50 free credits. <strong>Auto-failover</strong>: automatically retries on backup providers if primary fails.',models:[{id:"qwen-3.6-plus",label:"Qwen 3.6 Plus (recommended)"},{id:"deepseek-v3",label:"DeepSeek V3"},{id:"deepseek-r1",label:"DeepSeek R1 (reasoning)"},{id:"kimi-k2.5",label:"Kimi K2.5"},{id:"llama-3.3-70b",label:"Llama 3.3 70B"},{id:"qwen-3-32b",label:"Qwen 3 32B"},{id:"gemini-2.5-flash",label:"Gemini 2.5 Flash"},{id:"minimax-m2.5",label:"MiniMax M2.5"},{id:"gpt-oss-120b",label:"GPT-OSS 120B"}]},{id:"zai",name:"Z.AI",icon:"sparkles",hint:"Free GLM models",url:"https://api.z.ai/api/paas/v4",keyPlaceholder:"Your Z.AI API key...",guide:'Register at <a href="https://z.ai" target="_blank" class="text-brand-600 underline font-medium">z.ai</a> \u2192 Get API key. Free models: GLM-4.7-Flash (200K context).',models:[{id:"glm-4.7-flash",label:"GLM 4.7 Flash (free, 200K ctx)"},{id:"glm-4.5-flash",label:"GLM 4.5 Flash (free, 200K ctx)"},{id:"glm-4.6v-flash",label:"GLM 4.6V Flash (free, vision)"}]},{id:"local",name:"Local / Ollama",icon:"computer-desktop",hint:"Free, self-hosted",url:"http://localhost:11434/v1",keyPlaceholder:"Leave blank or enter token...",guide:'Install <a href="https://ollama.com" target="_blank" class="text-brand-600 underline font-medium">Ollama</a> \u2192 run <code class="bg-slate-100 px-1.5 py-0.5 rounded text-xs">ollama run qwen3.5:9b</code> \u2192 ready to use, no API key needed.',models:[{id:"qwen3.5:9b",label:"Qwen 3.5 9B (recommended)"},{id:"llama3.1:8b",label:"Llama 3.1 8B"},{id:"deepseek-r1",label:"DeepSeek R1"},{id:"mistral-large-2",label:"Mistral Large 2"},{id:"gemma2:9b",label:"Gemma 2 9B"}]},{id:"custom",name:"Custom",icon:"cog-6-tooth",hint:"Any URL",url:"",keyPlaceholder:"API key...",guide:"Enter the base URL and model name manually in the <strong>Advanced Settings</strong> section below.",models:[]}],get currentProvider(){return this.providers.find(e=>e.id===this.selectedProvider)},async applyModelPreset(e){try{const t=await API.post(`/config/model-presets/${e}`);if(t.status==="ok"){this.presetApplied=`Applied: ${t.label}`,this.selectedProvider="openrouter",await Alpine.store("settings").load();const s=Alpine.store("settings").config;s?.llm&&(this.form.base_url=s.llm.base_url,this.form.model=s.llm.model,this.form.cheap_model=s.llm.cheap_model||"",this.form.cheap_base_url=s.llm.cheap_base_url||""),setTimeout(()=>{this.presetApplied=""},4e3)}}catch(t){this.message="Preset error: "+t.message}},providerIconIds:{openai:"chip",gemini:"sparkles",anthropic:"academic-cap",openrouter:"arrows-right-left",kyma:"bolt",zai:"sparkles",local:"computer-desktop",custom:"cog-6-tooth"},openAddProfile(){this.profileForm={name:"",base_url:"",api_key:"",model:"",enabled:!0},this.profileDetected=null,this.profileModelsList=[],this.editingProfile=null,this.showAddProfile=!0},openEditProfile(e){const t=this.profiles[e];this.profileForm={name:t.name,base_url:t.base_url,api_key:"",model:t.model,enabled:t.enabled},this.profileDetected=null,this.editingProfile=e,this.showAddProfile=!0,this.updateProfileModels()},async detectFromKey(){const e=this.profileForm.api_key.trim();if(e.length<4){this.profileDetected=null;return}try{const t=await API.post("/config/profiles/detect",{api_key:e});t.detected?(this.profileDetected={provider:t.provider,name:t.name,model:t.model},this.profileForm.name=t.name,this.profileForm.base_url=t.base_url,this.profileForm.model=t.model,this.updateProfileModels()):this.profileDetected=null}catch{this.profileDetected=null}},async saveProfile(){if(!(!this.profileForm.api_key&&this.editingProfile===null))try{this.editingProfile!==null?await API.put(`/config/profiles/${this.editingProfile}`,this.profileForm):await API.post("/config/profiles",{api_key:this.profileForm.api_key,name:this.profileForm.name,base_url:this.profileForm.base_url,model:this.profileForm.model,enabled:!0}),this.showAddProfile=!1;const e=this.editingProfile===null,t=this.profileDetected?.provider;if(this.editingProfile=null,this.profileDetected=null,await Alpine.store("settings").load(),e&&t){const s=this.providers.find(r=>r.id===t);s&&this.selectProvider(s.id)}this.message="Provider added.",setTimeout(()=>{this.message=""},2e3)}catch(e){this.message="Error: "+e.message}},async deleteProfile(e){try{await API.del(`/config/profiles/${e}`),await Alpine.store("settings").load(),this.message="Profile removed.",setTimeout(()=>{this.message=""},2e3)}catch(t){this.message="Error: "+t.message}},async toggleProfile(e){try{const t=await API.patch(`/config/profiles/${e}/toggle`);this.profiles[e].enabled=t.enabled}catch(t){this.message="Error: "+t.message}},setProfileProvider(e){const t=this.providers.find(s=>s.id===e);t?.url&&(this.profileForm.base_url=t.url),t?.models?.length&&(this.profileForm.model=t.models[0].id)},profileModelsList:[],updateProfileModels(){const e=(this.profileForm.base_url||"").toLowerCase(),t=this.providers.find(s=>s.id==="openai"?e.includes("openai.com"):s.id==="gemini"?e.includes("googleapis.com")||e.includes("generativelanguage"):s.id==="anthropic"?e.includes("anthropic.com"):s.id==="openrouter"?e.includes("openrouter.ai"):s.id==="kyma"?e.includes("kymaapi.com"):s.id==="zai"?e.includes("z.ai"):s.id==="local"?e.includes("localhost")||e.includes("127.0.0.1"):!1);this.profileModelsList=t?.models||[]},async addKey(){const e=this.newKeyInput.trim();if(e)try{await API.put("/config",{append_api_keys:[e]}),this.newKeyInput="",this.showAddKey=!1,await Alpine.store("settings").load(),this.message="API key added.",setTimeout(()=>{this.message=""},2e3)}catch(t){this.message="Error: "+t.message}},async removeKey(e){try{await API.del(`/config/api-keys/${e}`),this.savedKeysMasked.splice(e,1),this.message="API key removed.",setTimeout(()=>{this.message=""},2e3)}catch(t){this.message="Error: "+t.message}},async selectProvider(e){this.selectedProvider=e;const t=this.providers.find(s=>s.id===e);if(t?.url&&(this.form.base_url=t.url),["openrouter","kyma"].includes(e)&&t?.url)try{const s=await API.post("/config/provider/models",{base_url:t.url,api_key:this.form.api_key||""});if(s.models?.length){t.models=s.models.map(r=>({id:r.id,label:r.label||r.id})),this.form.model=s.models[0].id;return}}catch(s){console.warn("Failed to fetch models:",s)}t?.models?.length&&(this.form.model=t.models[0].id)},init(){const e=()=>{const t=Alpine.store("settings").config;if(!t?.llm)return;this.form.base_url=t.llm.base_url||this.form.base_url,this.form.model=t.llm.model||this.form.model,this.form.temperature=t.llm.temperature??this.form.temperature,this.form.max_tokens=t.llm.max_tokens||this.form.max_tokens,this.form.cheap_model=t.llm.cheap_model||"",this.form.cheap_base_url=t.llm.cheap_base_url||"",this.maskedKey=t.llm.api_key_masked||"",this.savedKeysMasked=t.llm.api_keys_masked||[],this.profiles=t.llm.profiles||[],t.pipeline&&(this.form.image_provider=t.pipeline.image_provider||"none",this.form.hf_image_model=t.pipeline.hf_image_model||"black-forest-labs/FLUX.1-schnell",this.form.image_prompt_style=t.pipeline.image_prompt_style||"cinematic",this.maskedHfToken=t.pipeline.hf_token_masked||"");const s=(t.llm.base_url||"").toLowerCase();s.includes("openai.com")?this.selectedProvider="openai":s.includes("googleapis.com")||s.includes("generativelanguage")?this.selectedProvider="gemini":s.includes("anthropic.com")?this.selectedProvider="anthropic":s.includes("openrouter.ai")?this.selectedProvider="openrouter":s.includes("kymaapi.com")?this.selectedProvider="kyma":s.includes("z.ai")?this.selectedProvider="zai":s.includes("localhost")||s.includes("127.0.0.1")?this.selectedProvider="local":this.selectedProvider="custom"};e(),this.$watch(()=>Alpine.store("settings").config,()=>e())},async save(){this.saving=!0,this.message="";try{const e={...this.form};e.api_key||delete e.api_key,e.hf_token||delete e.hf_token,delete e.api_keys,e.backend_type="api",await API.put("/config",e),this.message="Settings saved successfully!",await Alpine.store("settings").load()}catch(e){this.message="Error: "+e.message}this.saving=!1},async testConn(){this.testing=!0,this.message="Testing connection...",this.message=await Alpine.store("settings").testConnection(),this.testing=!1}}}const WIZARD_DISMISSED_KEY="sf:settings-wizard-dismissed",WIZARD_GENRES=[{id:"fantasy",label:"Fantasy"},{id:"xianxia",label:"Ti\xEAn Hi\u1EC7p / Wuxia"},{id:"romance",label:"Ng\xF4n T\xECnh"},{id:"thriller",label:"Trinh Th\xE1m / Thriller"},{id:"scifi",label:"Khoa H\u1ECDc Vi\u1EC5n T\u01B0\u1EDFng"}];function forgeSettingsWizard(){return{show:!1,step:1,selectedProvider:"openai",apiKey:"",selectedGenre:"fantasy",genres:WIZARD_GENRES,shouldShow(){try{if(localStorage.getItem(WIZARD_DISMISSED_KEY)==="1")return!1}catch{return!1}try{return!!!Alpine.store("settings")?.config?.llm?.api_key}catch{return!1}},next(){this.step<3&&(this.step=this.step+1)},dismiss(){try{localStorage.setItem(WIZARD_DISMISSED_KEY,"1")}catch{}this.show=!1},async finish(){try{const e=Alpine.store("settings");if(e?.save&&e?.config?.llm){const t=this.selectedProvider,s={openai:"https://api.openai.com/v1",gemini:"https://generativelanguage.googleapis.com/v1beta/openai/",anthropic:"https://api.anthropic.com/v1",openrouter:"https://openrouter.ai/api/v1"};await e.save({llm:{...e.config.llm,api_key:this.apiKey.trim(),base_url:s[t]||e.config.llm.base_url||""}})}}catch{}this.dismiss()}}}const BRANCH_STORAGE_KEY="sf_branch_session";function saveBranchSession(e,t,s){try{localStorage.setItem(BRANCH_STORAGE_KEY,JSON.stringify({sessionId:e,chapterIndex:t,storyTitle:s}))}catch{}}function loadBranchSession(){try{const e=localStorage.getItem(BRANCH_STORAGE_KEY);return e?JSON.parse(e):null}catch{return null}}function clearBranchSession(){localStorage.removeItem(BRANCH_STORAGE_KEY)}document.addEventListener("alpine:init",()=>{Alpine.data("branchReader",()=>Object.assign({},{sessionId:null,currentNode:null,history:[],loading:!1,streaming:!1,streamingText:"",error:"",treeData:null,treeLayout:null,minimapData:null,active:!1,useStreaming:!0,canUndo:!1,canRedo:!1,zoom:1,panX:0,panY:0,showMinimap:!0,bookmarks:[],showBookmarks:!1,analytics:null,showAnalytics:!1,wsConnected:!1,userCount:1,exportingEpub:!1,_ws:null,async startSession(t,s){if(!t||t.trim().length<10){this.error="Need at least 10 characters of story text.";return}this.loading=!0,this.error="",this.history=[],this.treeData=null;try{const r={text:t.trim(),...s},i=await fetch("/api/branch/start",{method:"POST",headers:mutationHeaders(),body:JSON.stringify(r)});if(!i.ok)throw new Error((await i.json()).detail||i.statusText);const a=await i.json();this.sessionId=a.session_id,this.currentNode=a.node,this.active=!0,document.dispatchEvent(new CustomEvent("branch:started",{detail:{sessionId:a.session_id}}))}catch(r){this.error=r.message}finally{this.loading=!1}},async restoreSession(t){this.loading=!0,this.error="",this.history=[];try{const s=await fetch(`/api/branch/${t}/current`);if(!s.ok)return clearBranchSession(),!1;const r=await s.json();return this.sessionId=t,this.currentNode=r.node,this.active=!0,!0}catch{return clearBranchSession(),!1}finally{this.loading=!1}},async choose(t){if(this.useStreaming)return this.chooseStream(t);if(!this.sessionId||this.loading)return;const s=this.currentNode?.choices?.[t]||`Choice ${t+1}`;this.loading=!0,this.error="";try{const r=await fetch(`/api/branch/${this.sessionId}/choose`,{method:"POST",headers:mutationHeaders(),body:JSON.stringify({choice_index:t})});if(!r.ok)throw new Error((await r.json()).detail||r.statusText);const i=await r.json();this.history.push({id:this.currentNode.id,preview:this.currentNode.text.slice(0,60)+"...",choiceLabel:s}),this.currentNode=i.node,document.dispatchEvent(new CustomEvent("branch:navigated"))}catch(r){this.error=r.message}finally{this.loading=!1}},async chooseStream(t){if(!this.sessionId||this.loading||this.streaming)return;const s=this.currentNode?.choices?.[t]||`Choice ${t+1}`;this.loading=!0,this.streaming=!0,this.streamingText="",this.error="";try{const r=await fetch(`/api/branch/${this.sessionId}/choose/stream`,{method:"POST",headers:mutationHeaders(),body:JSON.stringify({choice_index:t})});if(!r.ok)throw new Error((await r.json()).detail||r.statusText);if(!r.body)throw new Error("No response body");const i=r.body.getReader(),a=new TextDecoder;let c="";for(;;){const{done:o,value:f}=await i.read();if(o)break;c+=a.decode(f,{stream:!0});const g=c.split(`
-`);c=g.pop()||"";for(const d of g){if(!d.startsWith("data: "))continue;const m=d.slice(6);if(m)try{const n=JSON.parse(m);n.type==="chunk"?this.streamingText+=n.text:n.type==="complete"?(this.history.push({id:this.currentNode.id,preview:this.currentNode.text.slice(0,60)+"...",choiceLabel:s}),this.currentNode=n.node,this.streamingText="",document.dispatchEvent(new CustomEvent("branch:navigated"))):n.type==="error"&&(this.error=n.message)}catch{}}}}catch(r){this.error=r.message}finally{this.loading=!1,this.streaming=!1}},async goBack(){if(!(!this.sessionId||this.loading)){this.loading=!0,this.error="";try{const t=await fetch(`/api/branch/${this.sessionId}/back`,{method:"POST",headers:mutationHeaders()});if(!t.ok)throw new Error((await t.json()).detail||t.statusText);const s=await t.json();this.currentNode=s.node,this.history.pop(),document.dispatchEvent(new CustomEvent("branch:navigated"))}catch(t){this.error=t.message}finally{this.loading=!1}}},async undo(){if(!(!this.sessionId||this.loading||!this.canUndo)){this.loading=!0,this.error="";try{const t=await fetch(`/api/branch/${this.sessionId}/undo`,{method:"POST",headers:mutationHeaders()});if(!t.ok)throw new Error((await t.json()).detail||t.statusText);const s=await t.json();this.currentNode=s.node,this.canUndo=s.can_undo,this.canRedo=s.can_redo,document.dispatchEvent(new CustomEvent("branch:navigated"))}catch(t){this.error=t.message}finally{this.loading=!1}}},async redo(){if(!(!this.sessionId||this.loading||!this.canRedo)){this.loading=!0,this.error="";try{const t=await fetch(`/api/branch/${this.sessionId}/redo`,{method:"POST",headers:mutationHeaders()});if(!t.ok)throw new Error((await t.json()).detail||t.statusText);const s=await t.json();this.currentNode=s.node,this.canUndo=s.can_undo,this.canRedo=s.can_redo,document.dispatchEvent(new CustomEvent("branch:navigated"))}catch(t){this.error=t.message}finally{this.loading=!1}}},async loadTree(){if(this.sessionId)try{const t=await fetch(`/api/branch/${this.sessionId}/tree`);if(!t.ok)throw new Error((await t.json()).detail||t.statusText);this.treeData=await t.json()}catch(t){this.error=t.message}},async loadTreeLayout(){if(this.sessionId)try{const t=await fetch(`/api/branch/${this.sessionId}/tree/layout`);if(!t.ok)throw new Error((await t.json()).detail||t.statusText);this.treeLayout=await t.json()}catch(t){this.error=t.message}},async loadMinimap(){if(this.sessionId)try{const t=await fetch(`/api/branch/${this.sessionId}/tree/minimap`);if(!t.ok)throw new Error((await t.json()).detail||t.statusText);this.minimapData=await t.json()}catch(t){this.error=t.message}},zoomIn(){this.zoom=Math.min(this.zoom*1.2,3)},zoomOut(){this.zoom=Math.max(this.zoom/1.2,.3)},resetZoom(){this.zoom=1,this.panX=0,this.panY=0},centerOnCurrent(){if(!this.treeLayout||!this.currentNode)return;const t=this.treeLayout.layout[this.currentNode.id];t&&(this.panX=-t.x*100,this.panY=-t.y*100)},get depth(){return this.history.length},get isAtRoot(){return this.history.length===0},get nodeCount(){return this.treeData?Object.keys(this.treeData.nodes||{}).length:0},async addBookmark(t){if(!(!this.sessionId||!this.currentNode))try{const s=await fetch(`/api/branch/${this.sessionId}/bookmarks`,{method:"POST",headers:mutationHeaders(),body:JSON.stringify({node_id:this.currentNode.id,name:t})});if(!s.ok)throw new Error((await s.json()).detail||s.statusText);await this.loadBookmarks()}catch(s){this.error=s.message}},async removeBookmark(t){if(this.sessionId)try{const s=await fetch(`/api/branch/${this.sessionId}/bookmarks/${t}`,{method:"DELETE",headers:mutationHeaders()});if(!s.ok)throw new Error((await s.json()).detail||s.statusText);this.bookmarks=this.bookmarks.filter(r=>r.id!==t)}catch(s){this.error=s.message}},async loadBookmarks(){if(this.sessionId)try{const t=await fetch(`/api/branch/${this.sessionId}/bookmarks`);if(!t.ok)throw new Error((await t.json()).detail||t.statusText);const s=await t.json();this.bookmarks=s.bookmarks||[]}catch(t){this.error=t.message}},async gotoBookmark(t){if(this.sessionId){this.loading=!0;try{const s=await fetch(`/api/branch/${this.sessionId}/bookmarks/${t}/goto`,{method:"POST",headers:mutationHeaders()});if(!s.ok)throw new Error((await s.json()).detail||s.statusText);const r=await s.json();this.currentNode=r.node,this.history=[],document.dispatchEvent(new CustomEvent("branch:navigated"))}catch(s){this.error=s.message}finally{this.loading=!1}}},async loadAnalytics(){if(this.sessionId)try{const t=await fetch(`/api/branch/${this.sessionId}/analytics`);if(!t.ok)throw new Error((await t.json()).detail||t.statusText);this.analytics=await t.json()}catch(t){this.error=t.message}},async exportEpub(){if(this.sessionId){this.exportingEpub=!0;try{const t=await fetch(`/api/branch/${this.sessionId}/export/epub`,{method:"POST",headers:mutationHeaders()});if(!t.ok)throw new Error((await t.json()).detail||t.statusText);const s=await t.blob(),r=URL.createObjectURL(s),i=document.createElement("a");i.href=r,i.download=`branch-story-${this.sessionId.slice(0,8)}.epub`,document.body.appendChild(i),i.click(),document.body.removeChild(i),URL.revokeObjectURL(r)}catch(t){this.error=t.message}finally{this.exportingEpub=!1}}},connectWebSocket(){if(!this.sessionId||this._ws)return;const t=window.location.protocol==="https:"?"wss:":"ws:",s=new WebSocket(`${t}//${window.location.host}/api/ws/branch/${this.sessionId}`);s.onopen=()=>{this.wsConnected=!0},s.onmessage=r=>{try{const i=JSON.parse(r.data);i.type==="sync"||i.type==="navigation"?(this.currentNode=i.node,this.userCount=i.user_count||1,i.type==="navigation"&&document.dispatchEvent(new CustomEvent("branch:navigated"))):(i.type==="user_joined"||i.type==="user_left")&&(this.userCount=i.user_count||1)}catch{}},s.onclose=()=>{this.wsConnected=!1,this._ws=null},s.onerror=()=>{this.wsConnected=!1},this._ws=s},disconnectWebSocket(){this._ws&&(this._ws.close(),this._ws=null,this.wsConnected=!1)},close(){this.disconnectWebSocket(),this.active=!1,clearBranchSession()}}))});const TREE_H_SPACING=100,TREE_V_SPACING=80,TREE_PADDING=40;function computeTreeLayout(e){const t=e.nodes,s=e.root,r=e.current;if(!s||!t[s])return{nodes:[],edges:[],width:0,height:0};const i=[],a=[];let c=0;function o(d,m,n){const l=t[d];if(!l)return n;const h=l.text.slice(0,16)+(l.text.length>16?"...":"");if(l.child_ids.length===0){const w=TREE_PADDING+c*TREE_H_SPACING,y=TREE_PADDING+m*TREE_V_SPACING;return i.push({id:d,x:w,y,label:h,isCurrent:d===r,depth:m}),c++,w}const u=[];for(const w of l.child_ids){const y=o(w,m+1,n);u.push(y)}const p=u.reduce((w,y)=>w+y,0)/u.length,b=TREE_PADDING+m*TREE_V_SPACING;i.push({id:d,x:p,y:b,label:h,isCurrent:d===r,depth:m});for(const w of l.child_ids){const y=i.find(_=>_.id===w);y&&a.push({x1:p,y1:b,x2:y.x,y2:y.y})}return p}o(s,0,0);const f=Math.max(...i.map(d=>d.x),0)+TREE_PADDING,g=Math.max(...i.map(d=>d.y),0)+TREE_PADDING;return{nodes:i,edges:a,width:f,height:g}}document.addEventListener("alpine:init",()=>{Alpine.data("treeVisualizer",()=>{let e=null;return{showTree:!1,treeLayout:null,treeLoading:!1,treeError:"",_sessionId:null,init(){e=()=>{this.refreshTree(this._sessionId)},document.addEventListener("branch:navigated",e)},destroy(){e&&document.removeEventListener("branch:navigated",e)},setSession(t){this._sessionId=t},async toggleTree(t){this._sessionId=t,this.showTree=!this.showTree,this.showTree&&await this.refreshTree(t)},async refreshTree(t){if(!(!t||!this.showTree)){this.treeLoading=!0,this.treeError="";try{const s=await fetch(`/api/branch/${t}/tree`);if(!s.ok){this.treeError=`Failed to load tree (${s.status})`;return}const r=await s.json();this.treeLayout=computeTreeLayout(r)}catch(s){this.treeError=s.message||"Failed to load tree"}finally{this.treeLoading=!1}}},async gotoNode(t,s){if(!t)return null;try{const r=await fetch(`/api/branch/${t}/goto`,{method:"POST",headers:mutationHeaders(),body:JSON.stringify({node_id:s})});return r.ok?(await r.json()).node:null}catch{return null}},get viewBox(){const t=this;return t.treeLayout?`0 0 ${t.treeLayout.width} ${t.treeLayout.height}`:"0 0 200 100"}}})}),(()=>{const e={locale:typeof localStorage<"u"&&localStorage.getItem("storyforge_locale")||"vi",translations:{},t(t){return this.translations[this.locale]?.[t]||this.translations.en?.[t]||t},setLocale(t){this.locale=t,typeof localStorage<"u"&&localStorage.setItem("storyforge_locale",t)},async loadTranslations(){try{const[t,s]=await Promise.all([fetch("/static/locales/vi.json").then(r=>r.json()),fetch("/static/locales/en.json").then(r=>r.json())]);this.translations={vi:t,en:s}}catch(t){console.warn("Failed to load translations:",t)}}};window.__sf_i18n=e})();const i18n=window.__sf_i18n;document.addEventListener("alpine:init",()=>{Alpine.store("i18n",i18n);const e=isForgeUiEnabled();if(Alpine.store("flags",{forgeUi:e}),registerStores(),e){Alpine.data("forgeButton",forgeButton),Alpine.data("phaseTimeline",phaseTimeline),Alpine.data("genreOrb",genreOrb),Alpine.data("configPanel",configPanel),Alpine.data("storyCard",storyCard),Alpine.data("toastItem",toastItem),Alpine.data("agentBubble",agentBubble),Alpine.data("qualityGauge",qualityGauge),Alpine.data("characterGraph",characterGraph),Alpine.data("branchTree",branchTree),Alpine.data("forgeBranchTreeMount",forgeBranchTreeMount),Alpine.data("forgeSettingsWizard",forgeSettingsWizard),Alpine.data("forgeExportCards",forgeExportCards),Alpine.store("theater",createTheaterStore()),Alpine.store("reader",createReaderStore());const t=createToastStore();Alpine.store("toasts",t),attachToastHelper(t),typeof document<"u"&&document.documentElement&&document.documentElement.setAttribute("data-forge-ui","on")}Alpine.store("pipeline").loadChoices(),Alpine.store("pipeline").loadTemplates(),Alpine.store("settings").load()});
+`);this.branchOpen=!0,await this.$nextTick();const i=this.$refs.branchPanel;if(i&&i._x_dataStack){const a=i._x_dataStack[0];a&&typeof a.startSession=="function"&&a.startSession(r)}}}}const REFRESH_INTERVAL_MS=1e4,TICK_INTERVAL_MS=1e3;function providersPage(){return{snapshot:null,loading:!1,error:"",lastFetchAt:0,_refreshTimer:0,_tickTimer:0,async init(){await this.loadHealth(),this._refreshTimer=window.setInterval(()=>{this.loadHealth()},REFRESH_INTERVAL_MS),this._tickTimer=window.setInterval(()=>this._tickCooldowns(),TICK_INTERVAL_MS)},destroy(){this._refreshTimer&&window.clearInterval(this._refreshTimer),this._tickTimer&&window.clearInterval(this._tickTimer)},async loadHealth(){this.loading=!this.snapshot,this.error="";try{const e=await API.get("/providers/health");this.snapshot=e,this.lastFetchAt=Date.now()}catch(e){this.error=e instanceof Error?e.message:"Failed to load health snapshot"}finally{this.loading=!1}},_tickCooldowns(){if(this.snapshot){for(const e of this.snapshot.providers)e.cooldown_remaining_s>0&&(e.cooldown_remaining_s=Math.max(0,e.cooldown_remaining_s-1));for(const e of this.snapshot.rate_limited_keys)e.cooldown_remaining_s>0&&(e.cooldown_remaining_s=Math.max(0,e.cooldown_remaining_s-1));for(const e of this.snapshot.rate_limited_models)e.cooldown_remaining_s>0&&(e.cooldown_remaining_s=Math.max(0,e.cooldown_remaining_s-1))}},statusLabel(e){return e.healthy?e.cooldown_remaining_s>0?"Cooldown":"Kho\u1EBB":"L\u1ED7i"},statusDotClass(e){return e.healthy?e.cooldown_remaining_s>0?"bg-amber-500":"bg-green-500":"bg-red-500"},statusBadgeClass(e){return e.healthy?e.cooldown_remaining_s>0?"bg-amber-50 text-amber-700":"bg-green-50 text-green-700":"bg-red-50 text-red-700"},formatLatency(e){return e==null?"\u2014":`${e} ms`},formatCooldown(e){if(e<=0)return"\u2014";if(e<60)return`${e}s`;const t=Math.floor(e/60),s=e%60;return`${t}m ${s}s`},get providers(){return this.snapshot?.providers||[]},get rateLimitedKeys(){return this.snapshot?.rate_limited_keys||[]},get rateLimitedModels(){return this.snapshot?.rate_limited_models||[]},get isEmpty(){return this.providers.length===0&&this.rateLimitedKeys.length===0&&this.rateLimitedModels.length===0}}}function analyticsPage(){return{loaded:!1,stats:null,_lastResultRef:null,stories:[],loadingStories:!1,loadingCheckpoint:!1,selectedStory:null,loadedResult:null,storySource:"current",$watch:null,get result(){return this.storySource==="saved"&&this.loadedResult?this.loadedResult:Alpine.store("app").pipelineResult},get hasCurrentResult(){return!!Alpine.store("app").pipelineResult},get currentStoryTitle(){const e=this.result;return e?(e.enhanced||e.draft)?.title||"Untitled Story":""},init(){this.fetchStories(),this.$watch("result",e=>{e?this.compute():(this.stats=null,this.loaded=!1)}),this.$watch(()=>Alpine.store("pipeline").status,e=>{e==="running"&&(this.stats=null,this.loaded=!1,this._lastResultRef=null)}),this.result&&this.compute()},async fetchStories(){this.loadingStories=!0;try{const e=await API.get("/pipeline/stories?limit=50");this.stories=e.items||[]}catch{this.stories=[]}finally{this.loadingStories=!1}},async loadStory(e){this.loadingCheckpoint=!0,this.selectedStory=e;try{const t=await API.get(`/pipeline/checkpoints/${encodeURIComponent(e)}`);this.loadedResult=t,this.storySource="saved",this._lastResultRef=null,this.compute()}catch(t){console.error("Failed to load story:",t)}finally{this.loadingCheckpoint=!1}},useCurrent(){this.storySource="current",this.loadedResult=null,this.selectedStory=null,this._lastResultRef=null,this.compute()},compute(){if(!this.result){this.stats=null,this.loaded=!1;return}const e=this.result.enhanced||this.result.draft;if(!e||!e.chapters){this.stats=null,this.loaded=!1;return}const t=e.chapters;if(this.loaded&&this._lastResultRef===this.result)return;const s=t.reduce((a,l)=>a+(l.content||"").split(/\s+/).length,0),r=t.length>0?Math.round(s/t.length):0,i=Math.ceil(s/200);this.stats={totalChapters:t.length,totalWords:s,avgWords:r,readingTime:i,quality:this.result.quality||null,hasSimulation:!!this.result.simulation,eventsCount:this.result.simulation?.events_count||0},this._lastResultRef=this.result,this.loaded=!0}}}function branchingPage(){return{selectedChapter:null,stories:[],loadedStory:null,loadingStories:!1,loadingCheckpoint:!1,showStoryPicker:!1,storySource:"current",loadError:"",restoringSession:!1,pendingRestoreSessionId:null,bookmarks:[],analytics:null,showBookmarksPanel:!1,showAnalyticsPanel:!1,showMergeDialog:!1,mergeNodeA:"",mergeNodeB:"",mergeStrategy:"auto",mergePreview:null,mergeLoading:!1,mergeError:"",showAutoExplore:!1,autoExploreNumPaths:3,autoExploreDepth:2,autoExplorePaths:[],autoExploreLoading:!1,init(){this.fetchStories(),this.$el.addEventListener("branch-close",()=>{this.selectedChapter=null,clearBranchSession()}),document.addEventListener("branch:started",(e=>{this.selectedChapter!==null&&saveBranchSession(e.detail.sessionId,this.selectedChapter,this.storyTitle)})),this.tryRestoreSession()},async tryRestoreSession(){const e=loadBranchSession();if(e){this.restoringSession=!0;try{(await fetch(`/api/branch/${e.sessionId}/current`)).ok?(this.pendingRestoreSessionId=e.sessionId,this.selectedChapter=e.chapterIndex):clearBranchSession()}catch{clearBranchSession()}finally{this.restoringSession=!1}}},get hasCurrentStory(){return!!Alpine.store("app").pipelineResult},get hasAnyStory(){return this.hasCurrentStory||this.loadedStory!==null},get activeResult(){return this.storySource==="saved"&&this.loadedStory?this.loadedStory:Alpine.store("app").pipelineResult},get chapters(){const e=this.activeResult;return e?(e.enhanced||e.draft)?.chapters||[]:[]},get storyTitle(){const e=this.activeResult;return e?(e.enhanced||e.draft)?.title||"Untitled":""},getChapterContent(e){const t=this.activeResult;if(!t)return"";const s=t.enhanced?.chapters?.[e],r=t.draft?.chapters?.[e];return s?.content||r?.content||""},async fetchStories(){this.loadingStories=!0;try{const e=await API.get("/pipeline/stories?limit=50");this.stories=e.items||[]}catch{this.stories=[]}finally{this.loadingStories=!1}},async loadStory(e){this.loadingCheckpoint=!0,this.loadError="";try{const t=await API.get(`/pipeline/checkpoints/${encodeURIComponent(e)}`);this.loadedStory=t,this.storySource="saved",this.selectedChapter=null,this.showStoryPicker=!1}catch(t){this.loadError=t.message||"Failed to load story"}finally{this.loadingCheckpoint=!1}},useCurrent(){this.storySource="current",this.loadedStory=null,this.selectedChapter=null,this.showStoryPicker=!1},selectChapter(e){if(this.selectedChapter===e){this.selectedChapter=null,clearBranchSession();return}this.selectedChapter=e},getSelectedContent(){return this.selectedChapter===null?"":this.getChapterContent(this.selectedChapter)},getStoryContext(){const e=this.activeResult;if(!e)return{};const t=e.enhanced||e.draft;if(!t)return{};const s=(t.characters||[]).slice(0,10).map(o=>({name:o.name||"",role:o.role||"",personality:o.personality||""})),r=t.world,i=r?`${r.name||""}: ${r.description||""}`.slice(0,500):"",l=(t.conflict_web||[]).filter(o=>o.status==="active").slice(0,5).map(o=>o.description||"").join("; ").slice(0,500);return{genre:t.genre||"",characters:s,world_summary:i,conflict_summary:l}},async loadBookmarks(e){try{const t=await API.get(`/branch/${e}/bookmarks`);this.bookmarks=t.bookmarks||[]}catch{this.bookmarks=[]}},async addBookmark(e,t,s){try{await API.post(`/branch/${e}/bookmarks`,{node_id:t,label:s}),await this.loadBookmarks(e)}catch(r){console.error("Failed to add bookmark:",r)}},async removeBookmark(e,t){try{await API.del(`/branch/${e}/bookmarks/${t}`),await this.loadBookmarks(e)}catch(s){console.error("Failed to remove bookmark:",s)}},async gotoBookmark(e,t){try{await API.post(`/branch/${e}/bookmarks/${t}/goto`),document.dispatchEvent(new CustomEvent("branch:refresh"))}catch(s){console.error("Failed to goto bookmark:",s)}},async loadAnalytics(e){try{this.analytics=await API.get(`/branch/${e}/analytics`)}catch{this.analytics=null}},async loadMergePreview(e){if(!this.mergeNodeA||!this.mergeNodeB){this.mergeError="Select two nodes to merge";return}this.mergeLoading=!0,this.mergeError="";try{this.mergePreview=await API.get(`/branch/${e}/merge/preview?node_a=${this.mergeNodeA}&node_b=${this.mergeNodeB}`)}catch(t){this.mergeError=t.message||"Failed to load preview",this.mergePreview=null}finally{this.mergeLoading=!1}},async executeMerge(e){this.mergeLoading=!0,this.mergeError="";try{await API.post(`/branch/${e}/merge`,{node_a_id:this.mergeNodeA,node_b_id:this.mergeNodeB,strategy:this.mergeStrategy}),this.showMergeDialog=!1,this.mergePreview=null,document.dispatchEvent(new CustomEvent("branch:refresh"))}catch(t){this.mergeError=t.message||"Merge failed"}finally{this.mergeLoading=!1}},async runAutoExplore(e){this.autoExploreLoading=!0,this.autoExplorePaths=[];try{const t=await API.post(`/branch/${e}/auto-explore`,{num_paths:this.autoExploreNumPaths,depth:this.autoExploreDepth});this.autoExplorePaths=t.paths||[]}catch(t){console.error("Auto-explore failed:",t)}finally{this.autoExploreLoading=!1}},async undo(e){try{await API.post(`/branch/${e}/undo`),document.dispatchEvent(new CustomEvent("branch:refresh"))}catch(t){console.error("Undo failed:",t)}},async redo(e){try{await API.post(`/branch/${e}/redo`),document.dispatchEvent(new CustomEvent("branch:refresh"))}catch(t){console.error("Redo failed:",t)}}}}function treeApiToBranchNodes(e){return!e||!e.nodes?[]:Object.values(e.nodes).map(t=>({id:t.id,label:t.text.slice(0,40)+(t.text.length>40?"\u2026":""),parentId:t.parent,depth:t.depth}))}function forgeBranchTreeMount(){return{_sessionId:null,nodes:[],currentNode:null,loading:!1,error:null,loaded:!1,setSession(e){e!==this._sessionId&&(this._sessionId=e,this.nodes=[],this.currentNode=null,this.loaded=!1,this.error=null)},async refresh(){if(this._sessionId){this.loading=!0,this.error=null;try{const e=await fetch(`/api/branch/${this._sessionId}/tree`);if(!e.ok)throw new Error(`HTTP ${e.status}`);const t=await e.json();this.nodes=treeApiToBranchNodes(t),this.currentNode=t.current??null,this.loaded=!0}catch(e){this.error=e instanceof Error?e.message:String(e),this.loaded=!1}finally{this.loading=!1}}}}}function exportPage(){return{exporting:null,message:"",stories:[],selectedStory:"",loading:!1,get sessionId(){return Alpine.store("app").sessionId},get hasStory(){return!!this.sessionId||!!this.selectedStory},get exportId(){return this.selectedStory||this.sessionId||""},_resultTitle(){const e=Alpine.store("app").pipelineResult;return(e?.enhanced?.title||e?.draft?.title||"").trim()},_matchCheckpointByTitle(){const e=this._resultTitle();return e&&this.stories.find(s=>(s.title||"").trim()===e)?.filename||""},_downloadTitle(){if(this.selectedStory){const t=this.stories.find(s=>s.filename===this.selectedStory);if(t?.title)return t.title}const e=this._resultTitle();return e||"storyforge"},_safeFilename(e,t){return`${(e.replace(/[\\/:*?"<>|]+/g,"").replace(/\s+/g," ").trim()||"storyforge").slice(0,120)}.${t}`},async init(){if(this.message="",await this.loadStories(),!this.selectedStory&&this.sessionId){const e=this._matchCheckpointByTitle();e&&(this.selectedStory=e)}},async loadStories(){this.loading=!0;try{const e=await API.get("/pipeline/stories?limit=50");this.stories=e.items||[]}catch{this.stories=[]}this.loading=!1},async _downloadWithFallback(e,t){try{await API.download(`/export/${e}/${encodeURIComponent(this.exportId)}`,t);return}catch(s){const i=(s.message||"").includes("404"),a=!this.selectedStory&&!!this.sessionId;if(!i||!a)throw s;const l=this._matchCheckpointByTitle();if(!l)throw s;this.selectedStory=l,await API.download(`/export/${e}/${encodeURIComponent(l)}`,t)}},async exportFormat(e){if(!this.exportId){this.message="Vui l\xF2ng ch\u1ECDn truy\u1EC7n \u0111\u1EC3 xu\u1EA5t.";return}this.exporting=e,this.message="";try{const t=this._safeFilename(this._downloadTitle(),e.toLowerCase());await this._downloadWithFallback(e,t),this.message=`Xu\u1EA5t ${e.toUpperCase()} th\xE0nh c\xF4ng!`,setTimeout(()=>{this.message.startsWith("Error")||(this.message="")},5e3)}catch(t){this.message="Error: "+t.message}this.exporting=null},async exportZip(){if(!this.exportId){this.message="Vui l\xF2ng ch\u1ECDn truy\u1EC7n \u0111\u1EC3 xu\u1EA5t.";return}this.exporting="zip",this.message="";try{const e=this._safeFilename(this._downloadTitle(),"zip");await this._downloadWithFallback("zip",e),this.message="Xu\u1EA5t ZIP th\xE0nh c\xF4ng!",setTimeout(()=>{this.message.startsWith("Error")||(this.message="")},5e3)}catch(e){this.message="Error: "+e.message}this.exporting=null}}}const FORGE_EXPORT_FORMATS=[{id:"pdf",label:"PDF",hint:"Print-ready \xB7 A4",color:"#EF4444"},{id:"epub",label:"EPUB",hint:"Kindle \xB7 digital read",color:"#10B981"},{id:"html",label:"HTML",hint:"Web \xB7 share online",color:"#3B82F6"},{id:"zip",label:"ZIP",hint:"Archive \xB7 all files",color:"#8B5CF6"}];function forgeExportCards(){return{selectedFormat:null,panelVisible:!1,formats:FORGE_EXPORT_FORMATS,selectFormat(e){this.selectedFormat===e?this.panelVisible=!this.panelVisible:(this.selectedFormat=e,this.panelVisible=!0)},closePanel(){this.panelVisible=!1,this.selectedFormat=null}}}function settingsPage(){return{showAddKey:!1,newKeyInput:"",showAddProfile:!1,editingProfile:null,profileForm:{name:"",base_url:"",api_key:"",model:"",enabled:!0},profileDetected:null,profiles:[],form:{api_key:"",base_url:"https://api.openai.com/v1",model:"gpt-4o-mini",temperature:.8,max_tokens:4096,cheap_model:"",cheap_base_url:"",image_provider:"none",hf_token:"",hf_image_model:"black-forest-labs/FLUX.1-schnell",image_prompt_style:"cinematic"},maskedKey:"",maskedHfToken:"",savedKeysMasked:[],saving:!1,testing:!1,message:"",showKey:!1,selectedProvider:"openai",presetApplied:"",$watch:null,providers:[{id:"openai",name:"OpenAI",icon:"chip",hint:"GPT-5.4, o3, o4",url:"https://api.openai.com/v1",keyPlaceholder:"sk-proj-...",guide:'Get your API key at <a href="https://platform.openai.com/api-keys" target="_blank" class="text-brand-600 underline font-medium">platform.openai.com</a> \u2192 Create new secret key \u2192 Copy and paste here.',models:[{id:"gpt-5.4-nano",label:"GPT-5.4 Nano (cheapest)"},{id:"gpt-5.4-mini",label:"GPT-5.4 Mini"},{id:"gpt-5.4",label:"GPT-5.4"},{id:"o4-mini",label:"o4-mini (reasoning)"},{id:"o3",label:"o3 (advanced reasoning)"}]},{id:"gemini",name:"Google Gemini",icon:"sparkles",hint:"Gemini 2.5 / 3.1",url:"https://generativelanguage.googleapis.com/v1beta/openai/",keyPlaceholder:"AIza...",guide:'Get a free API key at <a href="https://aistudio.google.com/apikey" target="_blank" class="text-brand-600 underline font-medium">aistudio.google.com</a> \u2192 Create API Key \u2192 Copy.',models:[{id:"gemini-2.5-flash-lite",label:"Gemini 2.5 Flash Lite (cheapest)"},{id:"gemini-2.5-flash",label:"Gemini 2.5 Flash"},{id:"gemini-2.5-pro",label:"Gemini 2.5 Pro"},{id:"gemini-3-flash-preview",label:"Gemini 3 Flash (preview)"},{id:"gemini-3.1-pro-preview",label:"Gemini 3.1 Pro (latest)"},{id:"gemini-3.1-flash-lite-preview",label:"Gemini 3.1 Flash Lite (preview)"},{id:"gemma-4-31b-it",label:"Gemma 4 31B (free, 262K ctx)"},{id:"gemma-4-26b-a4b-it",label:"Gemma 4 26B MoE (free, 262K ctx)"}]},{id:"anthropic",name:"Anthropic",icon:"academic-cap",hint:"Claude 4.5 / 4.6",url:"https://api.anthropic.com/v1/",keyPlaceholder:"sk-ant-...",guide:'Get your API key at <a href="https://console.anthropic.com/settings/keys" target="_blank" class="text-brand-600 underline font-medium">console.anthropic.com</a> \u2192 Create Key \u2192 Copy.',models:[{id:"claude-haiku-4-5-20251001",label:"Haiku 4.5 (cheapest)"},{id:"claude-sonnet-4-6-20260217",label:"Sonnet 4.6"},{id:"claude-opus-4-6-20260205",label:"Opus 4.6 (most powerful)"}]},{id:"openrouter",name:"OpenRouter",icon:"arrows-right-left",hint:"290+ models",url:"https://openrouter.ai/api/v1",keyPlaceholder:"sk-or-...",guide:'Register at <a href="https://openrouter.ai/keys" target="_blank" class="text-brand-600 underline font-medium">openrouter.ai</a> \u2192 Keys \u2192 Create Key. 29+ free models available!',models:[{id:"openrouter/free",label:"\u{1F3AF} Auto Router (free, auto-picks best model)"},{id:"qwen/qwen3-next-80b-a3b-instruct:free",label:"Qwen3 Next 80B (free, 262K ctx)"},{id:"nousresearch/hermes-3-llama-3.1-405b:free",label:"Hermes 3 405B (free, 131K ctx)"},{id:"nvidia/nemotron-3-super-120b-a12b:free",label:"Nemotron 3 Super 120B (free)"},{id:"meta-llama/llama-3.3-70b-instruct:free",label:"Llama 3.3 70B (free, 65K ctx)"},{id:"google/gemma-4-31b-it:free",label:"Gemma 4 31B (free, 262K ctx)"},{id:"google/gemma-4-26b-a4b-it:free",label:"Gemma 4 26B MoE (free, 262K ctx)"},{id:"google/gemma-3-27b-it:free",label:"Gemma 3 27B (free, 131K ctx)"},{id:"z-ai/glm-4.5-air:free",label:"GLM 4.5 Air (free, 131K ctx)"},{id:"openai/gpt-oss-120b:free",label:"GPT-OSS 120B (free)"},{id:"deepseek/deepseek-r1",label:"DeepSeek R1"},{id:"anthropic/claude-sonnet-4-6",label:"Claude Sonnet 4.6"}]},{id:"kyma",name:"Kyma",icon:"bolt",hint:"Auto-failover, $0.50 free",url:"https://kymaapi.com/v1",keyPlaceholder:"ky-... or kyma-...",guide:'Register at <a href="https://kymaapi.com" target="_blank" class="text-brand-600 underline font-medium">kymaapi.com</a> \u2192 Get $0.50 free credits. <strong>Auto-failover</strong>: automatically retries on backup providers if primary fails.',models:[{id:"qwen-3.6-plus",label:"Qwen 3.6 Plus (recommended)"},{id:"deepseek-v3",label:"DeepSeek V3"},{id:"deepseek-r1",label:"DeepSeek R1 (reasoning)"},{id:"kimi-k2.5",label:"Kimi K2.5"},{id:"llama-3.3-70b",label:"Llama 3.3 70B"},{id:"qwen-3-32b",label:"Qwen 3 32B"},{id:"gemini-2.5-flash",label:"Gemini 2.5 Flash"},{id:"minimax-m2.5",label:"MiniMax M2.5"},{id:"gpt-oss-120b",label:"GPT-OSS 120B"}]},{id:"zai",name:"Z.AI",icon:"sparkles",hint:"Free GLM models",url:"https://api.z.ai/api/paas/v4",keyPlaceholder:"Your Z.AI API key...",guide:'Register at <a href="https://z.ai" target="_blank" class="text-brand-600 underline font-medium">z.ai</a> \u2192 Get API key. Free models: GLM-4.7-Flash (200K context).',models:[{id:"glm-4.7-flash",label:"GLM 4.7 Flash (free, 200K ctx)"},{id:"glm-4.5-flash",label:"GLM 4.5 Flash (free, 200K ctx)"},{id:"glm-4.6v-flash",label:"GLM 4.6V Flash (free, vision)"}]},{id:"local",name:"Local / Ollama",icon:"computer-desktop",hint:"Free, self-hosted",url:"http://localhost:11434/v1",keyPlaceholder:"Leave blank or enter token...",guide:'Install <a href="https://ollama.com" target="_blank" class="text-brand-600 underline font-medium">Ollama</a> \u2192 run <code class="bg-slate-100 px-1.5 py-0.5 rounded text-xs">ollama run qwen3.5:9b</code> \u2192 ready to use, no API key needed.',models:[{id:"qwen3.5:9b",label:"Qwen 3.5 9B (recommended)"},{id:"llama3.1:8b",label:"Llama 3.1 8B"},{id:"deepseek-r1",label:"DeepSeek R1"},{id:"mistral-large-2",label:"Mistral Large 2"},{id:"gemma2:9b",label:"Gemma 2 9B"}]},{id:"custom",name:"Custom",icon:"cog-6-tooth",hint:"Any URL",url:"",keyPlaceholder:"API key...",guide:"Enter the base URL and model name manually in the <strong>Advanced Settings</strong> section below.",models:[]}],get currentProvider(){return this.providers.find(e=>e.id===this.selectedProvider)},async applyModelPreset(e){try{const t=await API.post(`/config/model-presets/${e}`);if(t.status==="ok"){this.presetApplied=`Applied: ${t.label}`,this.selectedProvider="openrouter",await Alpine.store("settings").load();const s=Alpine.store("settings").config;s?.llm&&(this.form.base_url=s.llm.base_url,this.form.model=s.llm.model,this.form.cheap_model=s.llm.cheap_model||"",this.form.cheap_base_url=s.llm.cheap_base_url||""),setTimeout(()=>{this.presetApplied=""},4e3)}}catch(t){this.message="Preset error: "+t.message}},providerIconIds:{openai:"chip",gemini:"sparkles",anthropic:"academic-cap",openrouter:"arrows-right-left",kyma:"bolt",zai:"sparkles",local:"computer-desktop",custom:"cog-6-tooth"},openAddProfile(){this.profileForm={name:"",base_url:"",api_key:"",model:"",enabled:!0},this.profileDetected=null,this.profileModelsList=[],this.editingProfile=null,this.showAddProfile=!0},openEditProfile(e){const t=this.profiles[e];this.profileForm={name:t.name,base_url:t.base_url,api_key:"",model:t.model,enabled:t.enabled},this.profileDetected=null,this.editingProfile=e,this.showAddProfile=!0,this.updateProfileModels()},async detectFromKey(){const e=this.profileForm.api_key.trim();if(e.length<4){this.profileDetected=null;return}try{const t=await API.post("/config/profiles/detect",{api_key:e});t.detected?(this.profileDetected={provider:t.provider,name:t.name,model:t.model},this.profileForm.name=t.name,this.profileForm.base_url=t.base_url,this.profileForm.model=t.model,this.updateProfileModels()):this.profileDetected=null}catch{this.profileDetected=null}},async saveProfile(){if(!(!this.profileForm.api_key&&this.editingProfile===null))try{this.editingProfile!==null?await API.put(`/config/profiles/${this.editingProfile}`,this.profileForm):await API.post("/config/profiles",{api_key:this.profileForm.api_key,name:this.profileForm.name,base_url:this.profileForm.base_url,model:this.profileForm.model,enabled:!0}),this.showAddProfile=!1;const e=this.editingProfile===null,t=this.profileDetected?.provider;if(this.editingProfile=null,this.profileDetected=null,await Alpine.store("settings").load(),e&&t){const s=this.providers.find(r=>r.id===t);s&&this.selectProvider(s.id)}this.message="Provider added.",setTimeout(()=>{this.message=""},2e3)}catch(e){this.message="Error: "+e.message}},async deleteProfile(e){try{await API.del(`/config/profiles/${e}`),await Alpine.store("settings").load(),this.message="Profile removed.",setTimeout(()=>{this.message=""},2e3)}catch(t){this.message="Error: "+t.message}},async toggleProfile(e){try{const t=await API.patch(`/config/profiles/${e}/toggle`);this.profiles[e].enabled=t.enabled}catch(t){this.message="Error: "+t.message}},setProfileProvider(e){const t=this.providers.find(s=>s.id===e);t?.url&&(this.profileForm.base_url=t.url),t?.models?.length&&(this.profileForm.model=t.models[0].id)},profileModelsList:[],updateProfileModels(){const e=(this.profileForm.base_url||"").toLowerCase(),t=this.providers.find(s=>s.id==="openai"?e.includes("openai.com"):s.id==="gemini"?e.includes("googleapis.com")||e.includes("generativelanguage"):s.id==="anthropic"?e.includes("anthropic.com"):s.id==="openrouter"?e.includes("openrouter.ai"):s.id==="kyma"?e.includes("kymaapi.com"):s.id==="zai"?e.includes("z.ai"):s.id==="local"?e.includes("localhost")||e.includes("127.0.0.1"):!1);this.profileModelsList=t?.models||[]},async addKey(){const e=this.newKeyInput.trim();if(e)try{await API.put("/config",{append_api_keys:[e]}),this.newKeyInput="",this.showAddKey=!1,await Alpine.store("settings").load(),this.message="API key added.",setTimeout(()=>{this.message=""},2e3)}catch(t){this.message="Error: "+t.message}},async removeKey(e){try{await API.del(`/config/api-keys/${e}`),this.savedKeysMasked.splice(e,1),this.message="API key removed.",setTimeout(()=>{this.message=""},2e3)}catch(t){this.message="Error: "+t.message}},async selectProvider(e){this.selectedProvider=e;const t=this.providers.find(s=>s.id===e);if(t?.url&&(this.form.base_url=t.url),["openrouter","kyma"].includes(e)&&t?.url)try{const s=await API.post("/config/provider/models",{base_url:t.url,api_key:this.form.api_key||""});if(s.models?.length){t.models=s.models.map(r=>({id:r.id,label:r.label||r.id})),this.form.model=s.models[0].id;return}}catch(s){console.warn("Failed to fetch models:",s)}t?.models?.length&&(this.form.model=t.models[0].id)},init(){const e=()=>{const t=Alpine.store("settings").config;if(!t?.llm)return;this.form.base_url=t.llm.base_url||this.form.base_url,this.form.model=t.llm.model||this.form.model,this.form.temperature=t.llm.temperature??this.form.temperature,this.form.max_tokens=t.llm.max_tokens||this.form.max_tokens,this.form.cheap_model=t.llm.cheap_model||"",this.form.cheap_base_url=t.llm.cheap_base_url||"",this.maskedKey=t.llm.api_key_masked||"",this.savedKeysMasked=t.llm.api_keys_masked||[],this.profiles=t.llm.profiles||[],t.pipeline&&(this.form.image_provider=t.pipeline.image_provider||"none",this.form.hf_image_model=t.pipeline.hf_image_model||"black-forest-labs/FLUX.1-schnell",this.form.image_prompt_style=t.pipeline.image_prompt_style||"cinematic",this.maskedHfToken=t.pipeline.hf_token_masked||"");const s=(t.llm.base_url||"").toLowerCase();s.includes("openai.com")?this.selectedProvider="openai":s.includes("googleapis.com")||s.includes("generativelanguage")?this.selectedProvider="gemini":s.includes("anthropic.com")?this.selectedProvider="anthropic":s.includes("openrouter.ai")?this.selectedProvider="openrouter":s.includes("kymaapi.com")?this.selectedProvider="kyma":s.includes("z.ai")?this.selectedProvider="zai":s.includes("localhost")||s.includes("127.0.0.1")?this.selectedProvider="local":this.selectedProvider="custom"};e(),this.$watch(()=>Alpine.store("settings").config,()=>e())},async save(){this.saving=!0,this.message="";try{const e={...this.form};e.api_key||delete e.api_key,e.hf_token||delete e.hf_token,delete e.api_keys,e.backend_type="api",await API.put("/config",e),this.message="Settings saved successfully!",await Alpine.store("settings").load()}catch(e){this.message="Error: "+e.message}this.saving=!1},async testConn(){this.testing=!0,this.message="Testing connection...",this.message=await Alpine.store("settings").testConnection(),this.testing=!1}}}const WIZARD_DISMISSED_KEY="sf:settings-wizard-dismissed",WIZARD_GENRES=[{id:"fantasy",label:"Fantasy"},{id:"xianxia",label:"Ti\xEAn Hi\u1EC7p / Wuxia"},{id:"romance",label:"Ng\xF4n T\xECnh"},{id:"thriller",label:"Trinh Th\xE1m / Thriller"},{id:"scifi",label:"Khoa H\u1ECDc Vi\u1EC5n T\u01B0\u1EDFng"}];function forgeSettingsWizard(){return{show:!1,step:1,selectedProvider:"openai",apiKey:"",selectedGenre:"fantasy",genres:WIZARD_GENRES,shouldShow(){try{if(localStorage.getItem(WIZARD_DISMISSED_KEY)==="1")return!1}catch{return!1}try{return!!!Alpine.store("settings")?.config?.llm?.api_key}catch{return!1}},next(){this.step<3&&(this.step=this.step+1)},dismiss(){try{localStorage.setItem(WIZARD_DISMISSED_KEY,"1")}catch{}this.show=!1},async finish(){try{const e=Alpine.store("settings");if(e?.save&&e?.config?.llm){const t=this.selectedProvider,s={openai:"https://api.openai.com/v1",gemini:"https://generativelanguage.googleapis.com/v1beta/openai/",anthropic:"https://api.anthropic.com/v1",openrouter:"https://openrouter.ai/api/v1"};await e.save({llm:{...e.config.llm,api_key:this.apiKey.trim(),base_url:s[t]||e.config.llm.base_url||""}})}}catch{}this.dismiss()}}}const WPM=200;function countWords(e){return e?e.trim().split(/\s+/).filter(Boolean).length:0}function estimateMinutes(e){const t=countWords(e);return t===0?0:Math.max(1,Math.ceil(t/WPM))}function parsePortraitParagraphs(e,t){const s=e.split(/\n+/).filter(i=>i.trim().length>0),r=new Set;return s.map(i=>{let a=null;for(const l of t){if(r.has(l.name))continue;const o=l.portrait_url||l.reference_url||null;if(o&&i.toLowerCase().includes(l.name.toLowerCase())){a=o,r.add(l.name);break}}return{text:i,portraitUrl:a}})}function storeGet(e,t){try{return e()}catch{return t}}function readerPage(){return{chapter:0,fontSize:18,sidebarOpen:!1,readingProgress:0,paragraphs:[],reducedMotion:!1,get story(){const e=storeGet(()=>Alpine.store("app").pipelineResult,null);return e?e.enhanced??e.draft??null:null},get chapters(){return this.story?this.story.chapters??[]:[]},get currentChapter(){return this.chapters[this.chapter]??null},get canContinue(){return!!storeGet(()=>Alpine.store("app").pipelineResult,null)?.filename},get charactersWithPortraits(){return(this.story?.characters??[]).filter(t=>t.portrait_url??t.reference_url)},get activeFontSize(){return storeGet(()=>Alpine.store("reader").fontSize,this.fontSize)},readTime(e){return estimateMinutes(e.content??"")},_rebuildParagraphs(){const e=this.currentChapter;if(!e?.content){this.paragraphs=[];return}this.paragraphs=parsePortraitParagraphs(e.content,this.story?.characters??[])},_onScroll(){const e=document.querySelector("[data-reader-content]");if(!e)return;const t=e.getBoundingClientRect(),s=e.scrollHeight-window.innerHeight;if(s<=0){this.readingProgress=100;return}const r=-t.top;this.readingProgress=Math.min(100,Math.max(0,Math.round(r/s*100)))},init(){try{this.reducedMotion=typeof window<"u"&&window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches}catch{this.reducedMotion=!1}const e=()=>{this._onScroll()};window.addEventListener("scroll",e,{passive:!0});const t=this;typeof t.$watch=="function"&&t.$watch("chapter",()=>{this.readingProgress=0,this._rebuildParagraphs(),this.reducedMotion?window.scrollTo(0,0):window.scrollTo({top:0,behavior:"smooth"})}),this._rebuildParagraphs()},continueStory(){const e=storeGet(()=>Alpine.store("app").pipelineResult,null);if(!e)return;const t=e.enhanced??e.draft;try{Alpine.store("pipeline").startContinuation({checkpoint:e.filename??"",title:t?.title??"",chapterCount:(t?.chapters??[]).length,genre:t?.genre??""}),Alpine.store("app").navigate("pipeline")}catch{}},toggleSidebar(){this.sidebarOpen=!this.sidebarOpen},prev(){this.chapter>0&&this.chapter--},next(){this.chapter<this.chapters.length-1&&this.chapter++},goToChapter(e){e>=0&&e<this.chapters.length&&(this.chapter=e,window.innerWidth<768&&(this.sidebarOpen=!1))}}}typeof window<"u"&&(window.readerPage=readerPage);const BRANCH_STORAGE_KEY="sf_branch_session";function saveBranchSession(e,t,s){try{localStorage.setItem(BRANCH_STORAGE_KEY,JSON.stringify({sessionId:e,chapterIndex:t,storyTitle:s}))}catch{}}function loadBranchSession(){try{const e=localStorage.getItem(BRANCH_STORAGE_KEY);return e?JSON.parse(e):null}catch{return null}}function clearBranchSession(){localStorage.removeItem(BRANCH_STORAGE_KEY)}document.addEventListener("alpine:init",()=>{Alpine.data("branchReader",()=>Object.assign({},{sessionId:null,currentNode:null,history:[],loading:!1,streaming:!1,streamingText:"",error:"",treeData:null,treeLayout:null,minimapData:null,active:!1,useStreaming:!0,canUndo:!1,canRedo:!1,zoom:1,panX:0,panY:0,showMinimap:!0,bookmarks:[],showBookmarks:!1,analytics:null,showAnalytics:!1,wsConnected:!1,userCount:1,exportingEpub:!1,_ws:null,async startSession(t,s){if(!t||t.trim().length<10){this.error="Need at least 10 characters of story text.";return}this.loading=!0,this.error="",this.history=[],this.treeData=null;try{const r={text:t.trim(),...s},i=await fetch("/api/branch/start",{method:"POST",headers:mutationHeaders(),body:JSON.stringify(r)});if(!i.ok)throw new Error((await i.json()).detail||i.statusText);const a=await i.json();this.sessionId=a.session_id,this.currentNode=a.node,this.active=!0,document.dispatchEvent(new CustomEvent("branch:started",{detail:{sessionId:a.session_id}}))}catch(r){this.error=r.message}finally{this.loading=!1}},async restoreSession(t){this.loading=!0,this.error="",this.history=[];try{const s=await fetch(`/api/branch/${t}/current`);if(!s.ok)return clearBranchSession(),!1;const r=await s.json();return this.sessionId=t,this.currentNode=r.node,this.active=!0,!0}catch{return clearBranchSession(),!1}finally{this.loading=!1}},async choose(t){if(this.useStreaming)return this.chooseStream(t);if(!this.sessionId||this.loading)return;const s=this.currentNode?.choices?.[t]||`Choice ${t+1}`;this.loading=!0,this.error="";try{const r=await fetch(`/api/branch/${this.sessionId}/choose`,{method:"POST",headers:mutationHeaders(),body:JSON.stringify({choice_index:t})});if(!r.ok)throw new Error((await r.json()).detail||r.statusText);const i=await r.json();this.history.push({id:this.currentNode.id,preview:this.currentNode.text.slice(0,60)+"...",choiceLabel:s}),this.currentNode=i.node,document.dispatchEvent(new CustomEvent("branch:navigated"))}catch(r){this.error=r.message}finally{this.loading=!1}},async chooseStream(t){if(!this.sessionId||this.loading||this.streaming)return;const s=this.currentNode?.choices?.[t]||`Choice ${t+1}`;this.loading=!0,this.streaming=!0,this.streamingText="",this.error="";try{const r=await fetch(`/api/branch/${this.sessionId}/choose/stream`,{method:"POST",headers:mutationHeaders(),body:JSON.stringify({choice_index:t})});if(!r.ok)throw new Error((await r.json()).detail||r.statusText);if(!r.body)throw new Error("No response body");const i=r.body.getReader(),a=new TextDecoder;let l="";for(;;){const{done:o,value:f}=await i.read();if(o)break;l+=a.decode(f,{stream:!0});const g=l.split(`
+`);l=g.pop()||"";for(const d of g){if(!d.startsWith("data: "))continue;const p=d.slice(6);if(p)try{const n=JSON.parse(p);n.type==="chunk"?this.streamingText+=n.text:n.type==="complete"?(this.history.push({id:this.currentNode.id,preview:this.currentNode.text.slice(0,60)+"...",choiceLabel:s}),this.currentNode=n.node,this.streamingText="",document.dispatchEvent(new CustomEvent("branch:navigated"))):n.type==="error"&&(this.error=n.message)}catch{}}}}catch(r){this.error=r.message}finally{this.loading=!1,this.streaming=!1}},async goBack(){if(!(!this.sessionId||this.loading)){this.loading=!0,this.error="";try{const t=await fetch(`/api/branch/${this.sessionId}/back`,{method:"POST",headers:mutationHeaders()});if(!t.ok)throw new Error((await t.json()).detail||t.statusText);const s=await t.json();this.currentNode=s.node,this.history.pop(),document.dispatchEvent(new CustomEvent("branch:navigated"))}catch(t){this.error=t.message}finally{this.loading=!1}}},async undo(){if(!(!this.sessionId||this.loading||!this.canUndo)){this.loading=!0,this.error="";try{const t=await fetch(`/api/branch/${this.sessionId}/undo`,{method:"POST",headers:mutationHeaders()});if(!t.ok)throw new Error((await t.json()).detail||t.statusText);const s=await t.json();this.currentNode=s.node,this.canUndo=s.can_undo,this.canRedo=s.can_redo,document.dispatchEvent(new CustomEvent("branch:navigated"))}catch(t){this.error=t.message}finally{this.loading=!1}}},async redo(){if(!(!this.sessionId||this.loading||!this.canRedo)){this.loading=!0,this.error="";try{const t=await fetch(`/api/branch/${this.sessionId}/redo`,{method:"POST",headers:mutationHeaders()});if(!t.ok)throw new Error((await t.json()).detail||t.statusText);const s=await t.json();this.currentNode=s.node,this.canUndo=s.can_undo,this.canRedo=s.can_redo,document.dispatchEvent(new CustomEvent("branch:navigated"))}catch(t){this.error=t.message}finally{this.loading=!1}}},async loadTree(){if(this.sessionId)try{const t=await fetch(`/api/branch/${this.sessionId}/tree`);if(!t.ok)throw new Error((await t.json()).detail||t.statusText);this.treeData=await t.json()}catch(t){this.error=t.message}},async loadTreeLayout(){if(this.sessionId)try{const t=await fetch(`/api/branch/${this.sessionId}/tree/layout`);if(!t.ok)throw new Error((await t.json()).detail||t.statusText);this.treeLayout=await t.json()}catch(t){this.error=t.message}},async loadMinimap(){if(this.sessionId)try{const t=await fetch(`/api/branch/${this.sessionId}/tree/minimap`);if(!t.ok)throw new Error((await t.json()).detail||t.statusText);this.minimapData=await t.json()}catch(t){this.error=t.message}},zoomIn(){this.zoom=Math.min(this.zoom*1.2,3)},zoomOut(){this.zoom=Math.max(this.zoom/1.2,.3)},resetZoom(){this.zoom=1,this.panX=0,this.panY=0},centerOnCurrent(){if(!this.treeLayout||!this.currentNode)return;const t=this.treeLayout.layout[this.currentNode.id];t&&(this.panX=-t.x*100,this.panY=-t.y*100)},get depth(){return this.history.length},get isAtRoot(){return this.history.length===0},get nodeCount(){return this.treeData?Object.keys(this.treeData.nodes||{}).length:0},async addBookmark(t){if(!(!this.sessionId||!this.currentNode))try{const s=await fetch(`/api/branch/${this.sessionId}/bookmarks`,{method:"POST",headers:mutationHeaders(),body:JSON.stringify({node_id:this.currentNode.id,name:t})});if(!s.ok)throw new Error((await s.json()).detail||s.statusText);await this.loadBookmarks()}catch(s){this.error=s.message}},async removeBookmark(t){if(this.sessionId)try{const s=await fetch(`/api/branch/${this.sessionId}/bookmarks/${t}`,{method:"DELETE",headers:mutationHeaders()});if(!s.ok)throw new Error((await s.json()).detail||s.statusText);this.bookmarks=this.bookmarks.filter(r=>r.id!==t)}catch(s){this.error=s.message}},async loadBookmarks(){if(this.sessionId)try{const t=await fetch(`/api/branch/${this.sessionId}/bookmarks`);if(!t.ok)throw new Error((await t.json()).detail||t.statusText);const s=await t.json();this.bookmarks=s.bookmarks||[]}catch(t){this.error=t.message}},async gotoBookmark(t){if(this.sessionId){this.loading=!0;try{const s=await fetch(`/api/branch/${this.sessionId}/bookmarks/${t}/goto`,{method:"POST",headers:mutationHeaders()});if(!s.ok)throw new Error((await s.json()).detail||s.statusText);const r=await s.json();this.currentNode=r.node,this.history=[],document.dispatchEvent(new CustomEvent("branch:navigated"))}catch(s){this.error=s.message}finally{this.loading=!1}}},async loadAnalytics(){if(this.sessionId)try{const t=await fetch(`/api/branch/${this.sessionId}/analytics`);if(!t.ok)throw new Error((await t.json()).detail||t.statusText);this.analytics=await t.json()}catch(t){this.error=t.message}},async exportEpub(){if(this.sessionId){this.exportingEpub=!0;try{const t=await fetch(`/api/branch/${this.sessionId}/export/epub`,{method:"POST",headers:mutationHeaders()});if(!t.ok)throw new Error((await t.json()).detail||t.statusText);const s=await t.blob(),r=URL.createObjectURL(s),i=document.createElement("a");i.href=r,i.download=`branch-story-${this.sessionId.slice(0,8)}.epub`,document.body.appendChild(i),i.click(),document.body.removeChild(i),URL.revokeObjectURL(r)}catch(t){this.error=t.message}finally{this.exportingEpub=!1}}},connectWebSocket(){if(!this.sessionId||this._ws)return;const t=window.location.protocol==="https:"?"wss:":"ws:",s=new WebSocket(`${t}//${window.location.host}/api/ws/branch/${this.sessionId}`);s.onopen=()=>{this.wsConnected=!0},s.onmessage=r=>{try{const i=JSON.parse(r.data);i.type==="sync"||i.type==="navigation"?(this.currentNode=i.node,this.userCount=i.user_count||1,i.type==="navigation"&&document.dispatchEvent(new CustomEvent("branch:navigated"))):(i.type==="user_joined"||i.type==="user_left")&&(this.userCount=i.user_count||1)}catch{}},s.onclose=()=>{this.wsConnected=!1,this._ws=null},s.onerror=()=>{this.wsConnected=!1},this._ws=s},disconnectWebSocket(){this._ws&&(this._ws.close(),this._ws=null,this.wsConnected=!1)},close(){this.disconnectWebSocket(),this.active=!1,clearBranchSession()}}))});const TREE_H_SPACING=100,TREE_V_SPACING=80,TREE_PADDING=40;function computeTreeLayout(e){const t=e.nodes,s=e.root,r=e.current;if(!s||!t[s])return{nodes:[],edges:[],width:0,height:0};const i=[],a=[];let l=0;function o(d,p,n){const c=t[d];if(!c)return n;const h=c.text.slice(0,16)+(c.text.length>16?"...":"");if(c.child_ids.length===0){const w=TREE_PADDING+l*TREE_H_SPACING,y=TREE_PADDING+p*TREE_V_SPACING;return i.push({id:d,x:w,y,label:h,isCurrent:d===r,depth:p}),l++,w}const u=[];for(const w of c.child_ids){const y=o(w,p+1,n);u.push(y)}const m=u.reduce((w,y)=>w+y,0)/u.length,b=TREE_PADDING+p*TREE_V_SPACING;i.push({id:d,x:m,y:b,label:h,isCurrent:d===r,depth:p});for(const w of c.child_ids){const y=i.find(_=>_.id===w);y&&a.push({x1:m,y1:b,x2:y.x,y2:y.y})}return m}o(s,0,0);const f=Math.max(...i.map(d=>d.x),0)+TREE_PADDING,g=Math.max(...i.map(d=>d.y),0)+TREE_PADDING;return{nodes:i,edges:a,width:f,height:g}}document.addEventListener("alpine:init",()=>{Alpine.data("treeVisualizer",()=>{let e=null;return{showTree:!1,treeLayout:null,treeLoading:!1,treeError:"",_sessionId:null,init(){e=()=>{this.refreshTree(this._sessionId)},document.addEventListener("branch:navigated",e)},destroy(){e&&document.removeEventListener("branch:navigated",e)},setSession(t){this._sessionId=t},async toggleTree(t){this._sessionId=t,this.showTree=!this.showTree,this.showTree&&await this.refreshTree(t)},async refreshTree(t){if(!(!t||!this.showTree)){this.treeLoading=!0,this.treeError="";try{const s=await fetch(`/api/branch/${t}/tree`);if(!s.ok){this.treeError=`Failed to load tree (${s.status})`;return}const r=await s.json();this.treeLayout=computeTreeLayout(r)}catch(s){this.treeError=s.message||"Failed to load tree"}finally{this.treeLoading=!1}}},async gotoNode(t,s){if(!t)return null;try{const r=await fetch(`/api/branch/${t}/goto`,{method:"POST",headers:mutationHeaders(),body:JSON.stringify({node_id:s})});return r.ok?(await r.json()).node:null}catch{return null}},get viewBox(){const t=this;return t.treeLayout?`0 0 ${t.treeLayout.width} ${t.treeLayout.height}`:"0 0 200 100"}}})});
+
+"use strict";(()=>{var Ce=[{id:"pipeline",label:"Create Story",icon:"pencil-square",group:"main"},{id:"library",label:"Library",icon:"building-library",group:"main"},{id:"export",label:"Export",icon:"arrow-down-tray",group:"main"},{id:"analytics",label:"Analytics",icon:"chart-bar",group:"main"},{id:"branching",label:"Branching",icon:"arrows-pointing-out",group:"main"},{id:"providers",label:"Providers",icon:"server-stack",group:"bottom"},{id:"settings",label:"Settings",icon:"cog-6-tooth",group:"bottom"},{id:"guide",label:"Guide",icon:"question-mark-circle",group:"bottom"}];function Ee(){return{page:"pipeline",sidebarOpen:window.innerWidth>768,loading:!1,isLoading:!1,loadingMessage:"",sessionId:null,pipelineResult:null,storageWarning:"",darkMode:document.documentElement.classList.contains("dark"),navItems:Ce,toggleDarkMode(){this.darkMode=!this.darkMode,this.darkMode?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),document.documentElement.style.colorScheme=this.darkMode?"dark":"light";try{localStorage.setItem("sf_theme",this.darkMode?"dark":"light")}catch{}},setLoading(e){this.isLoading=!0,this.loadingMessage=e||""},clearLoading(){this.isLoading=!1,this.loadingMessage=""},navigate(e){this.page=e,window.innerWidth<=768&&(this.sidebarOpen=!1),window.location.hash=e},toggleSidebar(){this.sidebarOpen=!this.sidebarOpen},async savePipelineResult(e){this.pipelineResult=e,this.storageWarning="";let t={...e};delete t.livePreview;let n=JSON.stringify(t);n.length>4*1024*1024&&console.warn("Pipeline result large ("+Math.round(n.length/1024)+"KB)"),await window.storageManager.setItem("sf_result",n),window.storageManager.isUsingFallback()&&console.info("[StorageManager] Saved to IndexedDB fallback.")},async init(){let e=o=>{let l=o.replace(/^#?\/?/,"");return Ce.some(a=>a.id===l)?l:null},t=e(window.location.hash);t&&(this.page=t);let i=new AbortController().signal;window.addEventListener("hashchange",o=>{let l=e(window.location.hash);l&&l!==this.page&&(this.page=l)},{signal:i}),window.addEventListener("resize",o=>{window.innerWidth>768&&!this.sidebarOpen?this.sidebarOpen=!0:window.innerWidth<=768&&this.sidebarOpen&&(this.sidebarOpen=!1)},{signal:i});let r=!1;window.addEventListener("storage-error",o=>{r||(r=!0,typeof window.sfShowToast=="function"&&window.sfShowToast("Storage unavailable \u2014 progress may not be saved","warning"))},{signal:i}),await window.storageManager.init();try{let o=await window.storageManager.getItem("sf_result");if(o){let l=JSON.parse(o);l&&typeof l=="object"&&(this.pipelineResult=l,Alpine.store("pipeline").result=l,Alpine.store("pipeline").status="done",Alpine.store("pipeline").progress=4)}}catch(o){console.warn("Failed to restore pipeline result:",o.message),await window.storageManager.removeItem("sf_result")}}}}function Te(){return{status:"idle",currentLog:"",logs:[],livePreview:"",progress:0,result:null,error:null,checkpoints:[],continuationMode:!1,continuationMeta:null,runStartedAt:null,runFinishedAt:null,pendingJumpAfterOpen:!1,multiPathMode:!1,paths:[],selectedPathId:null,collaborativeMode:!1,collaborativeText:"",collaborativeChapterNum:1,collaborativeTitle:"",polishLevel:"light",polishedResult:null,consistencyMode:!1,consistencyReport:null,outlineMode:!1,outlines:[],editingOutlineIdx:null,form:{title:"",genre:"Ti\xEAn Hi\u1EC7p",style:"Mi\xEAu t\u1EA3 chi ti\u1EBFt",language:"vi",idea:"",num_chapters:5,num_characters:5,word_count:2e3,num_sim_rounds:3,drama_level:"cao",shots_per_chapter:8,enable_agents:!0,enable_scoring:!0,enable_media:!1,lite_mode:!1,enable_l1_consistency:!1,enable_emotional_memory:!0,enable_proactive_constraints:!0,enable_thread_enforcement:!0,enable_emotional_bridge:!0,enable_scene_beat_writing:!0,enable_l1_causal_graph:!0,enable_self_review:!0,enable_agent_debate:!0,l2_drama_threshold:.5,l2_drama_target:.65,enable_quality_gate:!0,quality_gate_threshold:2.5,enable_smart_revision:!0,smart_revision_threshold:3.5},genres:[],styles:[],dramaLevels:[],languages:[{code:"vi",name:"Ti\u1EBFng Vi\u1EC7t"},{code:"en",name:"English"},{code:"zh",name:"\u4E2D\u6587"}],templates:{},async loadChoices(){try{let e=await API.get("/pipeline/genres");this.genres=e.genres||[],this.styles=e.styles||[],this.dramaLevels=e.drama_levels||[]}catch(e){console.error("Load choices failed:",e)}},async loadTemplates(){try{this.templates=await API.get("/pipeline/templates")}catch(e){console.error("Load templates failed:",e)}},async _streamPipeline(e,t){this.status="running",this.logs=[],this.livePreview="",this.progress=0,this.result=null,this.error=null,this.runStartedAt=Date.now(),this.runFinishedAt=null;let n=0;this._emitToast("info","Generation started"),this._theaterReset();try{for await(let i of API.stream(e,t))if(i.type==="session")Alpine.store("app").sessionId=i.session_id??null;else if(i.type==="log"){this.currentLog=i.data,this.logs.push(i.data);let r=this._detectLayer(i.data);this.progress=r,n===1&&r===2&&this._emitToast("info","Layer 2: enhancement starting");let o=this._sniffChapterCompletion(i.data);o&&this._emitToast("success",`Chapter complete: ${o}`),this._theaterApplyLog(i.data,r),n=r}else if(i.type==="stream")this.livePreview=i.data;else if(i.type==="done"){let r=i.data;this.result=r,Alpine.store("app").savePipelineResult(r),Alpine.store("app").sessionId=r.session_id??null,this.status="done",this.progress=4,this.runFinishedAt=Date.now(),this._emitToast("success","Generation complete",0),this._theaterApplyDone(r)}else i.type==="error"?(this.error=i.data,this.status="error",this._emitToast("error",i.data||"Generation failed"),this._theaterApplyError(i.data)):i.type==="interrupted"&&(this.error="Connection lost. You can resume from the last checkpoint.",this.status="interrupted",this._emitToast("warning","Connection lost \u2014 resume from checkpoint available"),this._theaterApplyInterrupted());this.status==="running"&&(this.status="done",this.runFinishedAt=Date.now())}catch(i){this.error=i.message,this.status="error",this._emitToast("error",i.message||"Pipeline failed")}},_sniffChapterCompletion(e){let t=e.match(/^(?:✅\s*)?(?:Chương|Chapter)\s+(\d+):\s*(.+?)\s*$/);if(!t)return null;let n=(t[2]||"").replace(/\s+/g," ").trim();return n.length>0?`Ch. ${t[1]} \u2014 ${n}`:`Ch. ${t[1]}`},_emitToast(e,t,n){try{let i=typeof Alpine<"u"?Alpine.store("toasts"):null;if(!i||typeof i.push!="function")return;i.push({message:t,variant:e,durationMs:n})}catch{}},_theaterStore(){try{return typeof Alpine<"u"?Alpine.store("theater"):null}catch{return null}},_theaterReset(){try{let e=this._theaterStore();e&&typeof e.reset=="function"&&e.reset()}catch{}},_theaterApplyLog(e,t){try{let n=this._theaterStore();n&&typeof n.applyLog=="function"&&n.applyLog(e,t)}catch{}},_theaterApplyDone(e){try{let t=this._theaterStore();t&&typeof t.applyDone=="function"&&t.applyDone(e)}catch{}},_theaterApplyError(e){try{let t=this._theaterStore();t&&typeof t.applyError=="function"&&t.applyError(e)}catch{}},_theaterApplyInterrupted(e){try{let t=this._theaterStore();t&&typeof t.applyInterrupted=="function"&&t.applyInterrupted(e??null)}catch{}},async run(){let e=(this.form.idea||"").trim();if(!e||e.length<10){this.error="Please enter a story idea (at least 10 characters).",this.status="error";return}await this._streamPipeline("/pipeline/run",this.form)},startContinuation(e){this.continuationMode=!0,this.continuationMeta=e,this.status="idle",this.result=null,this.error=null,this.logs=[],this.livePreview="",this.progress=0},async runContinuation(){this.continuationMeta&&await this._streamPipeline("/pipeline/continue",{checkpoint:this.continuationMeta.checkpoint,additional_chapters:this.form.num_chapters,word_count:this.form.word_count,style:this.form.style,run_enhancement:this.form.enable_agents,num_sim_rounds:this.form.num_sim_rounds})},async loadCheckpoints(){try{let e=await API.get("/pipeline/checkpoints");this.checkpoints=e.checkpoints||[]}catch(e){console.error("Load checkpoints failed:",e),this.checkpoints=[]}},async resumeFromCheckpoint(e){await this._streamPipeline("/pipeline/resume",{checkpoint:e})},_detectLayer(e){let t=e.toUpperCase();return t.includes("MEDIA")||t.includes("IMAGE")?3:t.includes("LAYER 2")||t.includes("M\xD4 PH\u1ECENG")||t.includes("ENHANCE")?2:t.includes("LAYER 1")||t.includes("T\u1EA0O TRUY\u1EC6N")||t.includes("CH\u01AF\u01A0NG")?1:this.progress||0},async generatePaths(e=3){if(this.continuationMeta){this.status="running",this.error=null,this.paths=[];try{let t=await API.post("/pipeline/continue/paths",{checkpoint:this.continuationMeta.checkpoint,additional_chapters:this.form.num_chapters,num_paths:e});this.paths=t.paths||[],this.multiPathMode=!0,this.status="idle"}catch(t){this.error=t.message,this.status="error"}}},async selectPath(e){let t=this.paths.find(n=>n.id===e);!t||!this.continuationMeta||(this.selectedPathId=e,await this._streamPipeline("/pipeline/continue/select-path",{checkpoint:this.continuationMeta.checkpoint,path_id:e,outlines:t.outlines,word_count:this.form.word_count,style:this.form.style}),this.multiPathMode=!1,this.paths=[])},async generateOutlines(){if(this.continuationMeta){this.status="running",this.error=null;try{let e=await API.post("/pipeline/continue/outlines",{checkpoint:this.continuationMeta.checkpoint,additional_chapters:this.form.num_chapters});this.outlines=e.outlines||[],this.outlineMode=!0,this.status="idle"}catch(e){this.error=e.message,this.status="error"}}},async writeFromOutlines(){!this.continuationMeta||this.outlines.length===0||(await this._streamPipeline("/pipeline/continue/write",{checkpoint:this.continuationMeta.checkpoint,outlines:this.outlines,word_count:this.form.word_count,style:this.form.style}),this.outlineMode=!1,this.outlines=[])},async polishChapter(){if(!(!this.continuationMeta||!this.collaborativeText.trim())){this.status="running",this.error=null,this.polishedResult=null;try{for await(let e of API.stream("/pipeline/collaborative-chapter",{checkpoint:this.continuationMeta.checkpoint,chapter_number:this.collaborativeChapterNum,user_text:this.collaborativeText,title:this.collaborativeTitle,polish_level:this.polishLevel}))if(e.type==="log")this.currentLog=e.data,this.logs.push(e.data);else if(e.type==="done"){let t=e.data;this.polishedResult=t,this.status="done"}else e.type==="error"&&(this.error=e.data,this.status="error")}catch(e){this.error=e.message,this.status="error"}}},async checkConsistency(e){if(this.continuationMeta){this.status="running",this.error=null,this.consistencyReport=null;try{for await(let t of API.stream("/pipeline/check-consistency",{checkpoint:this.continuationMeta.checkpoint,chapter_numbers:e||[]}))t.type==="log"?(this.currentLog=t.data,this.logs.push(t.data)):t.type==="done"?(this.consistencyReport=t.data,this.consistencyMode=!0,this.status="done"):t.type==="error"&&(this.error=t.data,this.status="error")}catch(t){this.error=t.message,this.status="error"}}},dismissContinuationCallout(){this.continuationMode=!1,this.continuationMeta=null},clearResumeRibbon(){this.continuationMeta=null},reset(){this.status="idle",this.logs=[],this.livePreview="",this.progress=0,this.result=null,this.error=null,this.checkpoints=[],this.continuationMode=!1,this.continuationMeta=null,this.runStartedAt=null,this.runFinishedAt=null,this.pendingJumpAfterOpen=!1,this.multiPathMode=!1,this.paths=[],this.selectedPathId=null,this.collaborativeMode=!1,this.collaborativeText="",this.polishedResult=null,this.consistencyMode=!1,this.consistencyReport=null,this.outlineMode=!1,this.outlines=[],this.editingOutlineIdx=null}}}function Me(){return{config:null,saving:!1,message:"",async load(){try{this.config=await API.get("/config")}catch(e){console.error("Load config failed:",e)}},async save(e){this.saving=!0,this.message="";try{await API.put("/config",e),this.message="Settings saved!",await this.load()}catch(t){this.message="Error: "+t.message}this.saving=!1},async testConnection(){try{let e=await API.post("/config/test-connection");return e.ok?"OK: "+e.message:"Error: "+e.message}catch(e){return"Error: "+e.message}}}}function Ne(){Alpine.store("app",Ee()),Alpine.store("pipeline",Te()),Alpine.store("settings",Me())}function Re(e={}){let t=e.state??"idle",n=e.disabled??!1;return{label:e.label??"Forge Story",variant:e.variant??"primary",state:t,disabled:n,get ariaBusy(){return this.state==="loading"?"true":"false"},get ariaDisabled(){return this.disabled||this.state==="disabled"?"true":"false"},setState(i){this.state=i},handleClick(i){if(this.disabled||this.state==="disabled"||this.state==="loading"){i?.preventDefault(),i?.stopPropagation();return}let r=this;typeof r.$dispatch=="function"&&r.$dispatch("sf:forge-click",{state:this.state})}}}var jt=Object.freeze([{id:"theme",labelKey:"phase.theme",layer:1},{id:"characters",labelKey:"phase.characters",layer:1},{id:"outline",labelKey:"phase.outline",layer:1},{id:"conflict",labelKey:"phase.conflict",layer:1},{id:"scenes",labelKey:"phase.scenes",layer:1},{id:"chapters",labelKey:"phase.chapters",layer:1},{id:"post",labelKey:"phase.post",layer:1},{id:"done",labelKey:"phase.done",layer:3}]);function Le(e={}){let t=e.phases??jt.slice();return{phases:t,currentIndex:Fe(e.currentIndex??0,t.length),status:e.status??"idle",get ariaValueNow(){return this.status==="done"?this.phases.length:this.currentIndex},get ariaValueMax(){return this.phases.length},stateFor(n){return this.status==="done"||n<this.currentIndex?"done":n===this.currentIndex?this.status==="error"?"error":this.status==="running"||this.status==="interrupted"?"active":"pending":"pending"},ariaCurrentFor(n){return this.stateFor(n)==="active"?"step":void 0},setCurrentIndex(n){this.currentIndex=Fe(n,this.phases.length)},setStatus(n){this.status=n}}}function Fe(e,t){return!Number.isFinite(e)||e<0||t===0?0:e>t-1?t-1:Math.floor(e)}var zn=Object.freeze({"tien-hiep":"#10B981","do-thi":"#F43F5E","huyen-huyen":"#8B5CF6","xuyen-khong":"#F59E0B"});function Be(e){let t=e.decorative??!0;return{genreId:e.genreId,hue:e.hue,label:e.label??e.genreId,decorative:t,selected:e.selected??!1,get orbStyle(){return`--orb-hue: ${this.hue};`},get ariaChecked(){return this.selected?"true":"false"},get ariaHidden(){return this.decorative?"true":void 0},setSelected(n){this.selected=n},handleClick(n){if(this.decorative){n?.preventDefault();return}let i=this;typeof i.$dispatch=="function"&&i.$dispatch("sf:genre-selected",{genreId:this.genreId,hue:this.hue})}}}function Ge(e){let t=e.descriptors??[],n=new Set(e.defaultExpanded??["llm"]),i={},r={};for(let a of t)i[a.id]=n.has(a.id),r[a.id]=!1;let o=new Map,l=new Map;for(let a of t)for(let d of a.fields)o.set(d.key,a.id),d.validate&&l.set(d.key,d.validate);return{descriptors:t,expanded:i,dirty:r,errors:{},get anyDirty(){for(let a in this.dirty)if(this.dirty[a])return!0;return!1},isExpanded(a){return!!this.expanded[a]},isDirty(a){return!!this.dirty[a]},ariaExpanded(a){return this.expanded[a]?"true":"false"},ariaInvalid(a){return this.errors[a]?"true":void 0},errorFor(a){return this.errors[a]??""},helpIdFor(a){return`sf-cfg-help-${a.replace(/[^a-zA-Z0-9_-]/g,"-")}`},toggle(a){this.expanded[a]=!this.expanded[a]},notifyChange(a,d,s){let c=o.get(d)??a;this.dirty[c]=!0;let g=l.get(d);if(g){let u=g(s);u?this.errors[d]=u:delete this.errors[d]}let h=this;typeof h.$dispatch=="function"&&h.$dispatch("sf:config-changed",{group:c,field:d,value:s})},reset(){for(let a in this.dirty)this.dirty[a]=!1;this.errors={}}}}var Un=Object.freeze([{id:"llm",title:"config.section.llm",fields:[{key:"layer1_model",label:"config.layer1_model",type:"text"},{key:"layer2_model",label:"config.layer2_model",type:"text"},{key:"cheap_model",label:"config.cheap_model",type:"text"}]},{id:"pipeline",title:"config.section.pipeline",fields:[{key:"parallel_chapters_enabled",label:"config.parallel_chapters",type:"toggle"},{key:"chapter_batch_size",label:"config.chapter_batch",type:"number"},{key:"enable_scene_decomposition",label:"config.scene_decomp",type:"toggle"},{key:"enable_chapter_contracts",label:"config.chapter_contracts",type:"toggle"},{key:"enable_quality_gate",label:"config.quality_gate",type:"toggle"}]},{id:"l2",title:"config.section.l2",fields:[{key:"l2_consistency_engine",label:"config.l2_engine",type:"toggle"},{key:"l2_voice_preservation",label:"config.l2_voice",type:"toggle"},{key:"l2_drama_ceiling",label:"config.l2_drama",type:"toggle"},{key:"l2_contract_gate",label:"config.l2_contract",type:"toggle"},{key:"adaptive_simulation_rounds",label:"config.adaptive_rounds",type:"toggle"},{key:"enable_structural_rewrite",label:"config.struct_rewrite",type:"toggle"}]}]);var Qt=Object.freeze({idle:"ready",generating:"generating",done:"complete",error:"error"});function Oe(e){let t=$e(e.chapters,0),n=De($e(e.chaptersDone,0),0,t);return{storyId:e.storyId,title:e.title,genreId:e.genreId,hue:e.hue??"",coverSrc:e.coverSrc??"",chapters:t,chaptersDone:n,status:e.status??"idle",mode:e.mode??"grid",hovered:!1,get progress(){return this.chapters<=0?0:De(this.chaptersDone/this.chapters,0,1)},get progressPct(){return Math.round(this.progress*100)},get ariaLabel(){let i=[this.title,this.genreId];return this.chapters>0&&i.push(`${this.chapters} chapter${this.chapters===1?"":"s"}`),i.push(Qt[this.status]??this.status),i.join(", ")},get showProgress(){return this.status==="generating"&&this.chapters>0},setStatus(i){this.status=i},setHovered(i){this.hovered=i},handleOpen(i){ne(this,"sf:story-open",{id:this.storyId},i)},handleContinue(i){i?.stopPropagation(),ne(this,"sf:story-continue",{id:this.storyId},i)},handleBranch(i){i?.stopPropagation(),ne(this,"sf:story-branch",{id:this.storyId},i)},handleDelete(i){i?.stopPropagation(),ne(this,"sf:story-delete",{id:this.storyId},i)}}}function De(e,t,n){return!Number.isFinite(e)||e<t?t:e>n?n:e}function $e(e,t){if(e===void 0||!Number.isFinite(e))return t;let n=Math.floor(e);return n<0?0:n}function ne(e,t,n,i){let r=e;typeof r.$dispatch=="function"&&r.$dispatch(t,n)}var Zt=["idle","thinking","speaking","debating","voting","done"];function He(e){return typeof e=="string"&&Zt.includes(e)}function Jt(){if(typeof window>"u"||typeof window.matchMedia!="function")return!1;try{return window.matchMedia("(prefers-reduced-motion: reduce)").matches===!0}catch{return!1}}function ze(e){return e==null||!Number.isFinite(e)?null:e<0?0:e>1?1:e}function Ke(e){let t=He(e.state)?e.state:"idle",n=typeof e.message=="string"?e.message:"",i=typeof e.prefersReducedMotion=="boolean"?e.prefersReducedMotion:Jt(),r=Number.isFinite(e.typewriterStepMs)&&e.typewriterStepMs>0?Math.floor(e.typewriterStepMs):25;return{agentId:e.agentId,name:e.name,avatar:e.avatar??"",state:t,message:n,score:ze(e.score),compact:e.compact===!0,revealedChars:i?n.length:0,_typewriterTimer:null,_reducedMotion:i,_stepMs:r,get ariaLabel(){return`${this.name} agent, currently ${this.state}`},get revealPct(){let o=this.message.length;if(o===0)return 100;let l=this.revealedChars/o*100;return l<0?0:l>100?100:l},get scorePct(){return this.state!=="voting"||this.score===null?null:Math.round(this.score*100)},setState(o){He(o)&&(this.state=o)},setMessage(o){this.message=typeof o=="string"?o:"",this.startTypewriter()},setScore(o){this.score=ze(o===null?void 0:o)},tickTypewriter(){return this.revealedChars>=this.message.length?(this.stopTypewriter(),!1):(this.revealedChars+=1,this.revealedChars<this.message.length)},startTypewriter(o){if(typeof o=="string"&&(this.message=o),this.stopTypewriter(),this._reducedMotion||this.message.length===0){this.revealedChars=this.message.length;return}this.revealedChars=0;let l=()=>{typeof setTimeout=="function"&&(this._typewriterTimer=setTimeout(()=>{this.tickTypewriter()&&l()},this._stepMs))};l()},stopTypewriter(){this._typewriterTimer!==null&&typeof clearTimeout=="function"&&clearTimeout(this._typewriterTimer),this._typewriterTimer=null},handleClick(o){let l=this;typeof l.$dispatch=="function"&&l.$dispatch("sf:agent-clicked",{agentId:this.agentId}),o?.stopPropagation?.()},init(){let o=this;typeof o.$watch=="function"&&o.$watch("message",()=>{this.startTypewriter()}),this.message.length>0&&!this._reducedMotion&&this.startTypewriter()},destroy(){this.stopTypewriter()}}}function ue(e){return!Number.isFinite(e)||e<0?0:e>1?1:e}function Ue(e,t){return Number.isFinite(e)?ue(t==="0-5"?e/5:e):0}function en(e){return e<.4?"danger":e<.7?"forge":"complete"}function tn(){if(typeof window>"u"||typeof window.matchMedia!="function")return!1;try{return window.matchMedia("(prefers-reduced-motion: reduce)").matches===!0}catch{return!1}}function nn(e){let r=(135+270*ue(e)-90)*Math.PI/180;return{x:50+42*Math.cos(r),y:50+42*Math.sin(r)}}function rn(e,t){if(e.length<3)return"";let n=42*.6,i=Math.PI*2/e.length,r=-Math.PI/2;return e.map((o,l)=>{let a=Ue(o.value,t),d=r+i*l,s=n*a,c=50+s*Math.cos(d),g=50+s*Math.sin(d);return`${c.toFixed(2)},${g.toFixed(2)}`}).join(" ")}function We(e={}){let t=e.scale==="0-5"?"0-5":"0-1",n=typeof e.label=="string"?e.label:"",i=e.size??"md",r=Array.isArray(e.dimensions)?e.dimensions.slice():[],o=Number.isFinite(e.value)?e.value:0,l=typeof e.prefersReducedMotion=="boolean"?e.prefersReducedMotion:tn();return{value:o,scale:t,label:n,size:i,dimensions:r,state:o>0?"scored":"empty",prefersReducedMotion:l,get progress(){return Ue(this.value,this.scale)},get displayMax(){return this.scale==="0-5"?5:1},get displayValue(){return this.scale==="0-5"?this.value.toFixed(1):this.value.toFixed(2)},get band(){return en(this.progress)},get geometry(){let a=2*Math.PI*42,d=a*.75,s=d*this.progress;return{cx:50,cy:50,radius:42,circumference:a,visibleLength:s,dasharray:`${d} ${a}`,dashoffset:d-s,endpoint:nn(this.progress)}},get ariaLabel(){return`${this.label?`${this.label} `:""}Quality score: ${this.displayValue} out of ${this.displayMax}`.trim()},get radarPoints(){return rn(this.dimensions,this.scale)},get hasRadar(){return this.dimensions.length>=3},setValue(a){Number.isFinite(a)&&(this.value=a,this.state=a>0?"scored":"empty")},setDimensions(a){this.dimensions=Array.isArray(a)?a.slice():[]},setState(a){(a==="empty"||a==="scoring"||a==="scored")&&(this.state=a)}}}function W(e,t){var n,i=1;e==null&&(e=0),t==null&&(t=0);function r(){var o,l=n.length,a,d=0,s=0;for(o=0;o<l;++o)a=n[o],d+=a.x,s+=a.y;for(d=(d/l-e)*i,s=(s/l-t)*i,o=0;o<l;++o)a=n[o],a.x-=d,a.y-=s}return r.initialize=function(o){n=o},r.x=function(o){return arguments.length?(e=+o,r):e},r.y=function(o){return arguments.length?(t=+o,r):t},r.strength=function(o){return arguments.length?(i=+o,r):i},r}function Ye(e){let t=+this._x.call(null,e),n=+this._y.call(null,e);return Xe(this.cover(t,n),t,n,e)}function Xe(e,t,n,i){if(isNaN(t)||isNaN(n))return e;var r,o=e._root,l={data:i},a=e._x0,d=e._y0,s=e._x1,c=e._y1,g,h,u,y,m,p,f,b;if(!o)return e._root=l,e;for(;o.length;)if((m=t>=(g=(a+s)/2))?a=g:s=g,(p=n>=(h=(d+c)/2))?d=h:c=h,r=o,!(o=o[f=p<<1|m]))return r[f]=l,e;if(u=+e._x.call(null,o.data),y=+e._y.call(null,o.data),t===u&&n===y)return l.next=o,r?r[f]=l:e._root=l,e;do r=r?r[f]=new Array(4):e._root=new Array(4),(m=t>=(g=(a+s)/2))?a=g:s=g,(p=n>=(h=(d+c)/2))?d=h:c=h;while((f=p<<1|m)===(b=(y>=h)<<1|u>=g));return r[b]=o,r[f]=l,e}function qe(e){var t,n,i=e.length,r,o,l=new Array(i),a=new Array(i),d=1/0,s=1/0,c=-1/0,g=-1/0;for(n=0;n<i;++n)isNaN(r=+this._x.call(null,t=e[n]))||isNaN(o=+this._y.call(null,t))||(l[n]=r,a[n]=o,r<d&&(d=r),r>c&&(c=r),o<s&&(s=o),o>g&&(g=o));if(d>c||s>g)return this;for(this.cover(d,s).cover(c,g),n=0;n<i;++n)Xe(this,l[n],a[n],e[n]);return this}function Ve(e,t){if(isNaN(e=+e)||isNaN(t=+t))return this;var n=this._x0,i=this._y0,r=this._x1,o=this._y1;if(isNaN(n))r=(n=Math.floor(e))+1,o=(i=Math.floor(t))+1;else{for(var l=r-n||1,a=this._root,d,s;n>e||e>=r||i>t||t>=o;)switch(s=(t<i)<<1|e<n,d=new Array(4),d[s]=a,a=d,l*=2,s){case 0:r=n+l,o=i+l;break;case 1:n=r-l,o=i+l;break;case 2:r=n+l,i=o-l;break;case 3:n=r-l,i=o-l;break}this._root&&this._root.length&&(this._root=a)}return this._x0=n,this._y0=i,this._x1=r,this._y1=o,this}function je(){var e=[];return this.visit(function(t){if(!t.length)do e.push(t.data);while(t=t.next)}),e}function Qe(e){return arguments.length?this.cover(+e[0][0],+e[0][1]).cover(+e[1][0],+e[1][1]):isNaN(this._x0)?void 0:[[this._x0,this._y0],[this._x1,this._y1]]}function A(e,t,n,i,r){this.node=e,this.x0=t,this.y0=n,this.x1=i,this.y1=r}function Ze(e,t,n){var i,r=this._x0,o=this._y0,l,a,d,s,c=this._x1,g=this._y1,h=[],u=this._root,y,m;for(u&&h.push(new A(u,r,o,c,g)),n==null?n=1/0:(r=e-n,o=t-n,c=e+n,g=t+n,n*=n);y=h.pop();)if(!(!(u=y.node)||(l=y.x0)>c||(a=y.y0)>g||(d=y.x1)<r||(s=y.y1)<o))if(u.length){var p=(l+d)/2,f=(a+s)/2;h.push(new A(u[3],p,f,d,s),new A(u[2],l,f,p,s),new A(u[1],p,a,d,f),new A(u[0],l,a,p,f)),(m=(t>=f)<<1|e>=p)&&(y=h[h.length-1],h[h.length-1]=h[h.length-1-m],h[h.length-1-m]=y)}else{var b=e-+this._x.call(null,u.data),_=t-+this._y.call(null,u.data),v=b*b+_*_;if(v<n){var x=Math.sqrt(n=v);r=e-x,o=t-x,c=e+x,g=t+x,i=u.data}}return i}function Je(e){if(isNaN(c=+this._x.call(null,e))||isNaN(g=+this._y.call(null,e)))return this;var t,n=this._root,i,r,o,l=this._x0,a=this._y0,d=this._x1,s=this._y1,c,g,h,u,y,m,p,f;if(!n)return this;if(n.length)for(;;){if((y=c>=(h=(l+d)/2))?l=h:d=h,(m=g>=(u=(a+s)/2))?a=u:s=u,t=n,!(n=n[p=m<<1|y]))return this;if(!n.length)break;(t[p+1&3]||t[p+2&3]||t[p+3&3])&&(i=t,f=p)}for(;n.data!==e;)if(r=n,!(n=n.next))return this;return(o=n.next)&&delete n.next,r?(o?r.next=o:delete r.next,this):t?(o?t[p]=o:delete t[p],(n=t[0]||t[1]||t[2]||t[3])&&n===(t[3]||t[2]||t[1]||t[0])&&!n.length&&(i?i[f]=n:this._root=n),this):(this._root=o,this)}function et(e){for(var t=0,n=e.length;t<n;++t)this.remove(e[t]);return this}function tt(){return this._root}function nt(){var e=0;return this.visit(function(t){if(!t.length)do++e;while(t=t.next)}),e}function it(e){var t=[],n,i=this._root,r,o,l,a,d;for(i&&t.push(new A(i,this._x0,this._y0,this._x1,this._y1));n=t.pop();)if(!e(i=n.node,o=n.x0,l=n.y0,a=n.x1,d=n.y1)&&i.length){var s=(o+a)/2,c=(l+d)/2;(r=i[3])&&t.push(new A(r,s,c,a,d)),(r=i[2])&&t.push(new A(r,o,c,s,d)),(r=i[1])&&t.push(new A(r,s,l,a,c)),(r=i[0])&&t.push(new A(r,o,l,s,c))}return this}function rt(e){var t=[],n=[],i;for(this._root&&t.push(new A(this._root,this._x0,this._y0,this._x1,this._y1));i=t.pop();){var r=i.node;if(r.length){var o,l=i.x0,a=i.y0,d=i.x1,s=i.y1,c=(l+d)/2,g=(a+s)/2;(o=r[0])&&t.push(new A(o,l,a,c,g)),(o=r[1])&&t.push(new A(o,c,a,d,g)),(o=r[2])&&t.push(new A(o,l,g,c,s)),(o=r[3])&&t.push(new A(o,c,g,d,s))}n.push(i)}for(;i=n.pop();)e(i.node,i.x0,i.y0,i.x1,i.y1);return this}function st(e){return e[0]}function ot(e){return arguments.length?(this._x=e,this):this._x}function at(e){return e[1]}function lt(e){return arguments.length?(this._y=e,this):this._y}function G(e,t,n){var i=new he(t??st,n??at,NaN,NaN,NaN,NaN);return e==null?i:i.addAll(e)}function he(e,t,n,i,r,o){this._x=e,this._y=t,this._x0=n,this._y0=i,this._x1=r,this._y1=o,this._root=void 0}function dt(e){for(var t={data:e.data},n=t;e=e.next;)n=n.next={data:e.data};return t}var T=G.prototype=he.prototype;T.copy=function(){var e=new he(this._x,this._y,this._x0,this._y0,this._x1,this._y1),t=this._root,n,i;if(!t)return e;if(!t.length)return e._root=dt(t),e;for(n=[{source:t,target:e._root=new Array(4)}];t=n.pop();)for(var r=0;r<4;++r)(i=t.source[r])&&(i.length?n.push({source:i,target:t.target[r]=new Array(4)}):t.target[r]=dt(i));return e};T.add=Ye;T.addAll=qe;T.cover=Ve;T.data=je;T.extent=Qe;T.find=Ze;T.remove=Je;T.removeAll=et;T.root=tt;T.size=nt;T.visit=it;T.visitAfter=rt;T.x=ot;T.y=lt;function M(e){return function(){return e}}function F(e){return(e()-.5)*1e-6}function sn(e){return e.x+e.vx}function on(e){return e.y+e.vy}function Y(e){var t,n,i,r=1,o=1;typeof e!="function"&&(e=M(e==null?1:+e));function l(){for(var s,c=t.length,g,h,u,y,m,p,f=0;f<o;++f)for(g=G(t,sn,on).visitAfter(a),s=0;s<c;++s)h=t[s],m=n[h.index],p=m*m,u=h.x+h.vx,y=h.y+h.vy,g.visit(b);function b(_,v,x,P,w){var k=_.data,I=_.r,S=m+I;if(k){if(k.index>h.index){var L=u-k.x-k.vx,B=y-k.y-k.vy,R=L*L+B*B;R<S*S&&(L===0&&(L=F(i),R+=L*L),B===0&&(B=F(i),R+=B*B),R=(S-(R=Math.sqrt(R)))/R*r,h.vx+=(L*=R)*(S=(I*=I)/(p+I)),h.vy+=(B*=R)*S,k.vx-=L*(S=1-S),k.vy-=B*S)}return}return v>u+S||P<u-S||x>y+S||w<y-S}}function a(s){if(s.data)return s.r=n[s.data.index];for(var c=s.r=0;c<4;++c)s[c]&&s[c].r>s.r&&(s.r=s[c].r)}function d(){if(t){var s,c=t.length,g;for(n=new Array(c),s=0;s<c;++s)g=t[s],n[g.index]=+e(g,s,t)}}return l.initialize=function(s,c){t=s,i=c,d()},l.iterations=function(s){return arguments.length?(o=+s,l):o},l.strength=function(s){return arguments.length?(r=+s,l):r},l.radius=function(s){return arguments.length?(e=typeof s=="function"?s:M(+s),d(),l):e},l}function an(e){return e.index}function ct(e,t){var n=e.get(t);if(!n)throw new Error("node not found: "+t);return n}function X(e){var t=an,n=g,i,r=M(30),o,l,a,d,s,c=1;e==null&&(e=[]);function g(p){return 1/Math.min(a[p.source.index],a[p.target.index])}function h(p){for(var f=0,b=e.length;f<c;++f)for(var _=0,v,x,P,w,k,I,S;_<b;++_)v=e[_],x=v.source,P=v.target,w=P.x+P.vx-x.x-x.vx||F(s),k=P.y+P.vy-x.y-x.vy||F(s),I=Math.sqrt(w*w+k*k),I=(I-o[_])/I*p*i[_],w*=I,k*=I,P.vx-=w*(S=d[_]),P.vy-=k*S,x.vx+=w*(S=1-S),x.vy+=k*S}function u(){if(l){var p,f=l.length,b=e.length,_=new Map(l.map((x,P)=>[t(x,P,l),x])),v;for(p=0,a=new Array(f);p<b;++p)v=e[p],v.index=p,typeof v.source!="object"&&(v.source=ct(_,v.source)),typeof v.target!="object"&&(v.target=ct(_,v.target)),a[v.source.index]=(a[v.source.index]||0)+1,a[v.target.index]=(a[v.target.index]||0)+1;for(p=0,d=new Array(b);p<b;++p)v=e[p],d[p]=a[v.source.index]/(a[v.source.index]+a[v.target.index]);i=new Array(b),y(),o=new Array(b),m()}}function y(){if(l)for(var p=0,f=e.length;p<f;++p)i[p]=+n(e[p],p,e)}function m(){if(l)for(var p=0,f=e.length;p<f;++p)o[p]=+r(e[p],p,e)}return h.initialize=function(p,f){l=p,s=f,u()},h.links=function(p){return arguments.length?(e=p,u(),h):e},h.id=function(p){return arguments.length?(t=p,h):t},h.iterations=function(p){return arguments.length?(c=+p,h):c},h.strength=function(p){return arguments.length?(n=typeof p=="function"?p:M(+p),y(),h):n},h.distance=function(p){return arguments.length?(r=typeof p=="function"?p:M(+p),m(),h):r},h}var ln={value:()=>{}};function ht(){for(var e=0,t=arguments.length,n={},i;e<t;++e){if(!(i=arguments[e]+"")||i in n||/[\s.]/.test(i))throw new Error("illegal type: "+i);n[i]=[]}return new ie(n)}function ie(e){this._=e}function dn(e,t){return e.trim().split(/^|\s+/).map(function(n){var i="",r=n.indexOf(".");if(r>=0&&(i=n.slice(r+1),n=n.slice(0,r)),n&&!t.hasOwnProperty(n))throw new Error("unknown type: "+n);return{type:n,name:i}})}ie.prototype=ht.prototype={constructor:ie,on:function(e,t){var n=this._,i=dn(e+"",n),r,o=-1,l=i.length;if(arguments.length<2){for(;++o<l;)if((r=(e=i[o]).type)&&(r=cn(n[r],e.name)))return r;return}if(t!=null&&typeof t!="function")throw new Error("invalid callback: "+t);for(;++o<l;)if(r=(e=i[o]).type)n[r]=ut(n[r],e.name,t);else if(t==null)for(r in n)n[r]=ut(n[r],e.name,null);return this},copy:function(){var e={},t=this._;for(var n in t)e[n]=t[n].slice();return new ie(e)},call:function(e,t){if((r=arguments.length-2)>0)for(var n=new Array(r),i=0,r,o;i<r;++i)n[i]=arguments[i+2];if(!this._.hasOwnProperty(e))throw new Error("unknown type: "+e);for(o=this._[e],i=0,r=o.length;i<r;++i)o[i].value.apply(t,n)},apply:function(e,t,n){if(!this._.hasOwnProperty(e))throw new Error("unknown type: "+e);for(var i=this._[e],r=0,o=i.length;r<o;++r)i[r].value.apply(t,n)}};function cn(e,t){for(var n=0,i=e.length,r;n<i;++n)if((r=e[n]).name===t)return r.value}function ut(e,t,n){for(var i=0,r=e.length;i<r;++i)if(e[i].name===t){e[i]=ln,e=e.slice(0,i).concat(e.slice(i+1));break}return n!=null&&e.push({name:t,value:n}),e}var ge=ht;var H=0,V=0,q=0,mt=1e3,re,j,se=0,D=0,oe=0,Q=typeof performance=="object"&&performance.now?performance:Date,pt=typeof window=="object"&&window.requestAnimationFrame?window.requestAnimationFrame.bind(window):function(e){setTimeout(e,17)};function fe(){return D||(pt(un),D=Q.now()+oe)}function un(){D=0}function me(){this._call=this._time=this._next=null}me.prototype=ae.prototype={constructor:me,restart:function(e,t,n){if(typeof e!="function")throw new TypeError("callback is not a function");n=(n==null?fe():+n)+(t==null?0:+t),!this._next&&j!==this&&(j?j._next=this:re=this,j=this),this._call=e,this._time=n,pe()},stop:function(){this._call&&(this._call=null,this._time=1/0,pe())}};function ae(e,t,n){var i=new me;return i.restart(e,t,n),i}function ft(){fe(),++H;for(var e=re,t;e;)(t=D-e._time)>=0&&e._call.call(void 0,t),e=e._next;--H}function gt(){D=(se=Q.now())+oe,H=V=0;try{ft()}finally{H=0,gn(),D=0}}function hn(){var e=Q.now(),t=e-se;t>mt&&(oe-=t,se=e)}function gn(){for(var e,t=re,n,i=1/0;t;)t._call?(i>t._time&&(i=t._time),e=t,t=t._next):(n=t._next,t._next=null,t=e?e._next=n:re=n);j=e,pe(i)}function pe(e){if(!H){V&&(V=clearTimeout(V));var t=e-D;t>24?(e<1/0&&(V=setTimeout(gt,e-Q.now()-oe)),q&&(q=clearInterval(q))):(q||(se=Q.now(),q=setInterval(hn,mt)),H=1,pt(gt))}}function yt(){let e=1;return()=>(e=(1664525*e+1013904223)%4294967296)/4294967296}function bt(e){return e.x}function vt(e){return e.y}var mn=10,pn=Math.PI*(3-Math.sqrt(5));function Z(e){var t,n=1,i=.001,r=1-Math.pow(i,1/300),o=0,l=.6,a=new Map,d=ae(g),s=ge("tick","end"),c=yt();e==null&&(e=[]);function g(){h(),s.call("tick",t),n<i&&(d.stop(),s.call("end",t))}function h(m){var p,f=e.length,b;m===void 0&&(m=1);for(var _=0;_<m;++_)for(n+=(o-n)*r,a.forEach(function(v){v(n)}),p=0;p<f;++p)b=e[p],b.fx==null?b.x+=b.vx*=l:(b.x=b.fx,b.vx=0),b.fy==null?b.y+=b.vy*=l:(b.y=b.fy,b.vy=0);return t}function u(){for(var m=0,p=e.length,f;m<p;++m){if(f=e[m],f.index=m,f.fx!=null&&(f.x=f.fx),f.fy!=null&&(f.y=f.fy),isNaN(f.x)||isNaN(f.y)){var b=mn*Math.sqrt(.5+m),_=m*pn;f.x=b*Math.cos(_),f.y=b*Math.sin(_)}(isNaN(f.vx)||isNaN(f.vy))&&(f.vx=f.vy=0)}}function y(m){return m.initialize&&m.initialize(e,c),m}return u(),t={tick:h,restart:function(){return d.restart(g),t},stop:function(){return d.stop(),t},nodes:function(m){return arguments.length?(e=m,u(),a.forEach(y),t):e},alpha:function(m){return arguments.length?(n=+m,t):n},alphaMin:function(m){return arguments.length?(i=+m,t):i},alphaDecay:function(m){return arguments.length?(r=+m,t):+r},alphaTarget:function(m){return arguments.length?(o=+m,t):o},velocityDecay:function(m){return arguments.length?(l=1-m,t):1-l},randomSource:function(m){return arguments.length?(c=m,a.forEach(y),t):c},force:function(m,p){return arguments.length>1?(p==null?a.delete(m):a.set(m,y(p)),t):a.get(m)},find:function(m,p,f){var b=0,_=e.length,v,x,P,w,k;for(f==null?f=1/0:f*=f,b=0;b<_;++b)w=e[b],v=m-w.x,x=p-w.y,P=v*v+x*x,P<f&&(k=w,f=P);return k},on:function(m,p){return arguments.length>1?(s.on(m,p),t):s.on(m)}}}function J(){var e,t,n,i,r=M(-30),o,l=1,a=1/0,d=.81;function s(u){var y,m=e.length,p=G(e,bt,vt).visitAfter(g);for(i=u,y=0;y<m;++y)t=e[y],p.visit(h)}function c(){if(e){var u,y=e.length,m;for(o=new Array(y),u=0;u<y;++u)m=e[u],o[m.index]=+r(m,u,e)}}function g(u){var y=0,m,p,f=0,b,_,v;if(u.length){for(b=_=v=0;v<4;++v)(m=u[v])&&(p=Math.abs(m.value))&&(y+=m.value,f+=p,b+=p*m.x,_+=p*m.y);u.x=b/f,u.y=_/f}else{m=u,m.x=m.data.x,m.y=m.data.y;do y+=o[m.data.index];while(m=m.next)}u.value=y}function h(u,y,m,p){if(!u.value)return!0;var f=u.x-t.x,b=u.y-t.y,_=p-y,v=f*f+b*b;if(_*_/d<v)return v<a&&(f===0&&(f=F(n),v+=f*f),b===0&&(b=F(n),v+=b*b),v<l&&(v=Math.sqrt(l*v)),t.vx+=f*u.value*i/v,t.vy+=b*u.value*i/v),!0;if(u.length||v>=a)return;(u.data!==t||u.next)&&(f===0&&(f=F(n),v+=f*f),b===0&&(b=F(n),v+=b*b),v<l&&(v=Math.sqrt(l*v)));do u.data!==t&&(_=o[u.data.index]*i/v,t.vx+=f*_,t.vy+=b*_);while(u=u.next)}return s.initialize=function(u,y){e=u,n=y,c()},s.strength=function(u){return arguments.length?(r=typeof u=="function"?u:M(+u),c(),s):r},s.distanceMin=function(u){return arguments.length?(l=u*u,s):Math.sqrt(l)},s.distanceMax=function(u){return arguments.length?(a=u*u,s):Math.sqrt(a)},s.theta=function(u){return arguments.length?(d=u*u,s):Math.sqrt(d)},s}function ye(e){var t=M(.1),n,i,r;typeof e!="function"&&(e=M(e==null?0:+e));function o(a){for(var d=0,s=n.length,c;d<s;++d)c=n[d],c.vy+=(r[d]-c.y)*i[d]*a}function l(){if(n){var a,d=n.length;for(i=new Array(d),r=new Array(d),a=0;a<d;++a)i[a]=isNaN(r[a]=+e(n[a],a,n))?0:+t(n[a],a,n)}}return o.initialize=function(a){n=a,l()},o.strength=function(a){return arguments.length?(t=typeof a=="function"?a:M(+a),l(),o):t},o.y=function(a){return arguments.length?(e=typeof a=="function"?a:M(+a),l(),o):e},o}var fn=Object.freeze({ally:"#10B981",enemy:"#F43F5E",rival:"#F59E0B",neutral:"#9CA3AF"}),ee=18;function yn(){if(typeof window>"u"||typeof window.matchMedia!="function")return!1;try{return window.matchMedia("(prefers-reduced-motion: reduce)").matches===!0}catch{return!1}}function _t(e,t){let n=new Map(e.map(i=>[i.id,i]));return t.map(i=>{let r=n.get(i.id);return r?(r.name=i.name,r.portrait=i.portrait,r):{id:i.id,name:i.name,portrait:i.portrait}})}function wt(e,t){let n=new Map(e.map(r=>[r.id,r])),i=[];for(let r of t){let o=n.get(r.sourceId),l=n.get(r.targetId);if(!o||!l)continue;let a={source:o,target:l,sourceId:r.sourceId,targetId:r.targetId,type:r.type,intensity:r.intensity};i.push(a)}return i}function xt(e={}){let t=Array.isArray(e.characters)?e.characters.slice():[],n=Array.isArray(e.relationships)?e.relationships.slice():[],i=Number.isFinite(e.width)?e.width:600,r=Number.isFinite(e.height)?e.height:400,o=typeof e.prefersReducedMotion=="boolean"?e.prefersReducedMotion:yn();return{characters:t,relationships:n,compact:e.compact===!0,interactive:e.interactive!==!1,width:i,height:r,prefersReducedMotion:o,canvas:null,simulation:null,nodes:[],links:[],_rafHandle:null,_dragging:null,get srEntries(){let l=new Map(this.characters.map(a=>[a.id,a.name]));return this.characters.map(a=>{let d=this.relationships.filter(s=>s.sourceId===a.id||s.targetId===a.id).map(s=>{let c=s.sourceId===a.id?s.targetId:s.sourceId;return{otherName:l.get(c)??c,type:s.type,intensity:s.intensity}});return{name:a.name,edges:d}})},setData(l,a){this.characters=Array.isArray(l)?l.slice():[],this.relationships=Array.isArray(a)?a.slice():[],this.nodes=_t(this.nodes,this.characters),this.links=wt(this.nodes,this.relationships),this.simulation&&(this.simulation.nodes(this.nodes),this.simulation.force("link")?.links(this.links),this.simulation.alpha(.6).restart(),this.prefersReducedMotion&&this._runToRest())},attachCanvas(l){this.canvas=l,l&&this.draw()},draw(){let l=this.canvas;if(!l)return;let a=l.getContext("2d");if(!a)return;let d=typeof window<"u"&&window.devicePixelRatio||1;l.width!==this.width*d&&(l.width=this.width*d),l.height!==this.height*d&&(l.height=this.height*d),a.setTransform(d,0,0,d,0,0),a.clearRect(0,0,this.width,this.height);for(let s of this.links){let c=s.source,g=s.target;typeof c.x!="number"||typeof g.x!="number"||(a.strokeStyle=fn[s.type],a.globalAlpha=.3+.7*s.intensity,a.lineWidth=1+3*s.intensity,a.beginPath(),a.moveTo(c.x,c.y??0),a.lineTo(g.x,g.y??0),a.stroke())}a.globalAlpha=1;for(let s of this.nodes)typeof s.x!="number"||typeof s.y!="number"||(a.fillStyle="#1F2937",a.strokeStyle="#F59E0B",a.lineWidth=2,a.beginPath(),a.arc(s.x,s.y,ee,0,Math.PI*2),a.fill(),a.stroke(),a.fillStyle="#F9FAFB",a.font="11px system-ui, sans-serif",a.textAlign="center",a.textBaseline="middle",a.fillText(s.name,s.x,s.y+ee+12))},step(){this.simulation?.tick(),this.draw()},startSimulation(){if(!this.simulation)return;if(this.prefersReducedMotion){this._runToRest();return}let l=()=>{this.draw(),typeof requestAnimationFrame=="function"&&(this._rafHandle=requestAnimationFrame(l))};typeof requestAnimationFrame=="function"&&(this._rafHandle=requestAnimationFrame(l))},stopSimulation(){this._rafHandle!==null&&typeof cancelAnimationFrame=="function"&&cancelAnimationFrame(this._rafHandle),this._rafHandle=null,this.simulation?.stop()},handlePointerDown(l){if(!this.interactive||!this.canvas)return;let a=this.canvas.getBoundingClientRect(),d=l.clientX-a.left,s=l.clientY-a.top,c=null,g=ee*ee;for(let h of this.nodes){if(typeof h.x!="number"||typeof h.y!="number")continue;let u=h.x-d,y=h.y-s,m=u*u+y*y;m<g&&(g=m,c=h)}c&&(this._dragging=c,c.fx=c.x,c.fy=c.y,this.simulation?.alphaTarget(.3).restart())},handlePointerMove(l){if(!this._dragging||!this.canvas)return;let a=this.canvas.getBoundingClientRect();this._dragging.fx=l.clientX-a.left,this._dragging.fy=l.clientY-a.top},handlePointerUp(l){this._dragging&&(this._dragging.fx=null,this._dragging.fy=null,this._dragging=null,this.simulation?.alphaTarget(0))},init(){this.nodes=_t([],this.characters),this.links=wt(this.nodes,this.relationships);for(let l of this.nodes)typeof l.x!="number"&&(l.x=this.width/2+(Math.random()-.5)*50),typeof l.y!="number"&&(l.y=this.height/2+(Math.random()-.5)*50);this.simulation=Z(this.nodes).force("link",X(this.links).id(l=>l.id).distance(80).strength(l=>.2+.6*l.intensity)).force("charge",J().strength(-150)).force("center",W(this.width/2,this.height/2)).force("collide",Y(ee+4)).on("tick",()=>{this.draw()}),this.prefersReducedMotion?this._runToRest():this.startSimulation()},destroy(){this.stopSimulation(),this.simulation=null},_runToRest(){let l=this.simulation;if(l){l.stop();for(let a=0;a<300&&(l.tick(),!(l.alpha()<l.alphaMin()));a++);this.draw()}}}}var N=14,bn=.4,be=90,ve="#F59E0B",kt="#3B82F6",vn="#8B5CF6",St="#6B7280",_n="#1F2937",wn="#F9FAFB";function xn(){if(typeof window>"u"||typeof window.matchMedia!="function")return!1;try{return window.matchMedia("(prefers-reduced-motion: reduce)").matches===!0}catch{return!1}}function At(e){let t=[];for(let n of e)n.parentId!==null&&t.push({sourceId:n.parentId,targetId:n.id});return t}function Pt(e,t,n){let i=new Map(e.map(r=>[r.id,r]));return t.map(r=>{let o=i.get(r.id);return o?(o.label=r.label,o.depth=r.depth,o.isCurrent=r.id===n,o):{id:r.id,label:r.label,parentId:r.parentId,depth:r.depth,isCurrent:r.id===n,_pinned:!1}})}function It(e,t){let n=new Map(e.map(r=>[r.id,r])),i=[];for(let r of t){let o=n.get(r.sourceId),l=n.get(r.targetId);!o||!l||i.push({source:o,target:l,sourceId:r.sourceId,targetId:r.targetId})}return i}function _e(e,t,n,i,r){return{wx:(e-n)/r,wy:(t-i)/r}}function Ct(e,t,n){let i=null,r=N*2*(N*2);for(let o of n){if(typeof o.x!="number"||typeof o.y!="number")continue;let l=o.x-e,a=o.y-t,d=l*l+a*a;d<r&&(r=d,i=o)}return i}function Et(e={}){let t=Number.isFinite(e.width)?e.width:800,n=Number.isFinite(e.height)?e.height:500,i=Number.isFinite(e.minimapWidth)?e.minimapWidth:160,r=Number.isFinite(e.minimapHeight)?e.minimapHeight:100,o=typeof e.prefersReducedMotion=="boolean"?e.prefersReducedMotion:xn(),l=Array.isArray(e.nodes)?e.nodes.slice():[],a=typeof e.currentNodeId=="string"?e.currentNodeId:null;return{nodes:l,currentNodeId:a,width:t,height:n,minimapWidth:i,minimapHeight:r,prefersReducedMotion:o,canvas:null,minimapCanvas:null,simulation:null,_simNodes:[],_simLinks:[],_rafHandle:null,_dragging:null,_dragPinToggle:!1,_panX:0,_panY:0,_scale:1,focusedNodeId:null,get minimapLabel(){let d=this.nodes.length;return d===0?"":this.nodes.find(g=>g.id===this.currentNodeId)?`Branch ${this.nodes.findIndex(g=>g.id===this.currentNodeId)+1} of ${d}`:`${d} branches`},get branchCount(){return this.nodes.length},get currentBranchIndex(){return this.currentNodeId?this.nodes.findIndex(d=>d.id===this.currentNodeId)+1:0},get srEntries(){let d=new Map;for(let s of this.nodes)if(s.parentId){let c=d.get(s.parentId)??[];c.push(s.id),d.set(s.parentId,c)}return this.nodes.map(s=>({id:s.id,label:s.label,depth:s.depth,isCurrent:s.id===this.currentNodeId,parentId:s.parentId,childIds:d.get(s.id)??[]}))},setData(d,s){this.nodes=Array.isArray(d)?d.slice():[],s!==void 0&&(this.currentNodeId=s??null),this._simNodes=Pt(this._simNodes,this.nodes,this.currentNodeId);let c=At(this.nodes);if(this._simLinks=It(this._simNodes,c),this.simulation){this.simulation.nodes(this._simNodes),this.simulation.force("link")?.links(this._simLinks);let h=this.simulation.force("depth-y");h&&h.y(u=>u.depth*be+60),this.simulation.alpha(.6).restart(),this.prefersReducedMotion&&this._runToRest()}},attachCanvas(d){this.canvas=d,d&&this.draw()},attachMinimapCanvas(d){this.minimapCanvas=d,d&&this.drawMinimap()},draw(){let d=this.canvas;if(!d)return;let s=d.getContext("2d");if(!s)return;let c=typeof window<"u"&&window.devicePixelRatio||1,g=this.width,h=this.height;d.width!==g*c&&(d.width=g*c),d.height!==h*c&&(d.height=h*c),s.setTransform(c,0,0,c,0,0),s.clearRect(0,0,g,h),s.save(),s.translate(this._panX,this._panY),s.scale(this._scale,this._scale),s.strokeStyle=St,s.globalAlpha=.5,s.lineWidth=1.5;for(let u of this._simLinks){let y=u.source,m=u.target;typeof y.x!="number"||typeof m.x!="number"||(s.beginPath(),s.moveTo(y.x,y.y??0),s.lineTo(m.x,m.y??0),s.stroke())}s.globalAlpha=1;for(let u of this._simNodes){if(typeof u.x!="number"||typeof u.y!="number")continue;let y=u.id===this.currentNodeId,m=u.id===this.focusedNodeId,p=y?ve:m?vn:kt;s.fillStyle=_n,s.strokeStyle=p,s.lineWidth=y||m?3:1.5,s.beginPath(),s.arc(u.x,u.y,N,0,Math.PI*2),s.fill(),s.stroke(),u._pinned&&(s.fillStyle=ve,s.beginPath(),s.arc(u.x+N-4,u.y-N+4,3,0,Math.PI*2),s.fill()),s.fillStyle=wn,s.font=`${y?"bold ":""}10px system-ui, sans-serif`,s.textAlign="center",s.textBaseline="top";let f=u.label.length>18?u.label.slice(0,17)+"\u2026":u.label;s.fillText(f,u.x,u.y+N+3)}s.restore()},drawMinimap(){let d=this.minimapCanvas;if(!d||this._simNodes.length===0)return;let s=d.getContext("2d");if(!s)return;let c=typeof window<"u"&&window.devicePixelRatio||1;d.width!==this.minimapWidth*c&&(d.width=this.minimapWidth*c),d.height!==this.minimapHeight*c&&(d.height=this.minimapHeight*c),s.setTransform(c,0,0,c,0,0),s.clearRect(0,0,this.minimapWidth,this.minimapHeight);let g=this._simNodes.filter(C=>typeof C.x=="number").map(C=>C.x),h=this._simNodes.filter(C=>typeof C.y=="number").map(C=>C.y);if(g.length===0)return;let u=Math.min(...g)-N,y=Math.max(...g)+N,m=Math.min(...h)-N,p=Math.max(...h)+N,f=y-u||1,b=p-m||1,_=this.minimapWidth,v=this.minimapHeight,x=_/f,P=v/b,w=Math.min(x,P)*.85,k=(_-f*w)/2-u*w,I=(v-b*w)/2-m*w;s.fillStyle="rgba(15,18,25,0.7)",s.fillRect(0,0,_,v),s.strokeStyle=St,s.globalAlpha=.4,s.lineWidth=.5;for(let C of this._simLinks){let U=C.source,ce=C.target;typeof U.x!="number"||typeof ce.x!="number"||(s.beginPath(),s.moveTo(U.x*w+k,(U.y??0)*w+I),s.lineTo(ce.x*w+k,(ce.y??0)*w+I),s.stroke())}s.globalAlpha=1;let S=Math.max(2,N*w);for(let C of this._simNodes){if(typeof C.x!="number"||typeof C.y!="number")continue;let U=C.id===this.currentNodeId;s.fillStyle=U?ve:kt,s.beginPath(),s.arc(C.x*w+k,(C.y??0)*w+I,S,0,Math.PI*2),s.fill()}let L=-this._panX/this._scale*w+k,B=-this._panY/this._scale*w+I,R=this.width/this._scale*w,Vt=this.height/this._scale*w;s.strokeStyle="#FFFFFF",s.globalAlpha=.6,s.lineWidth=1,s.strokeRect(L,B,R,Vt),s.globalAlpha=1},handlePointerDown(d){if(!this.canvas)return;let s=this.canvas.getBoundingClientRect(),c=d.clientX-s.left,g=d.clientY-s.top,{wx:h,wy:u}=_e(c,g,this._panX,this._panY,this._scale),y=Ct(h,u,this._simNodes);y?(this._dragging=y,this._dragPinToggle=!y._pinned,y.fx=y.x,y.fy=y.y,this.simulation?.alphaTarget(.3).restart()):(this._dragging=null,this.canvas._panStart={cx:c,cy:g,px:this._panX,py:this._panY})},handlePointerMove(d){if(!this.canvas)return;let s=this.canvas.getBoundingClientRect(),c=d.clientX-s.left,g=d.clientY-s.top;if(this._dragging){let{wx:h,wy:u}=_e(c,g,this._panX,this._panY,this._scale);this._dragging.fx=h,this._dragging.fy=u}else{let h=this.canvas._panStart;h&&(this._panX=h.px+(c-h.cx),this._panY=h.py+(g-h.cy),this.draw(),this.drawMinimap())}},handlePointerUp(d){if(this._dragging){let s=this._dragging;s._pinned=this._dragPinToggle,s._pinned||(s.fx=null,s.fy=null),this.simulation?.alphaTarget(0),this._dragging=null}else if(this.canvas){let s=this.canvas.getBoundingClientRect(),c=d.clientX-s.left,g=d.clientY-s.top,h=this.canvas._panStart;if(h){if(Math.abs(c-h.cx)+Math.abs(g-h.cy)<4){let{wx:y,wy:m}=_e(c,g,this._panX,this._panY,this._scale),p=Ct(y,m,this._simNodes);p&&this.navigateTo(p.id)}delete this.canvas._panStart}}},handleWheel(d){d.preventDefault();let s=d.deltaY>0?.9:1.1,c=Math.max(.3,Math.min(3,this._scale*s));if(!this.canvas){this._scale=c;return}let g=this.canvas.getBoundingClientRect(),h=d.clientX-g.left,u=d.clientY-g.top;this._panX=h-(h-this._panX)*(c/this._scale),this._panY=u-(u-this._panY)*(c/this._scale),this._scale=c,this.draw(),this.drawMinimap()},handleKeyDown(d){let s=d.key;if(!["ArrowRight","ArrowLeft","ArrowDown","ArrowUp","Enter"," "].includes(s))return;d.preventDefault();let c=this.focusedNodeId??this.currentNodeId??this._simNodes[0]?.id??null;if(!c)return;let g=this.srEntries.find(h=>h.id===c);if(g)if(s==="ArrowRight"||s==="ArrowDown"){let h=g.childIds[0]??null;h&&this.focusNode(h)}else s==="ArrowLeft"||s==="ArrowUp"?g.parentId&&this.focusNode(g.parentId):(s==="Enter"||s===" ")&&this.navigateTo(c)},focusNode(d){this.focusedNodeId=d,this.draw(),this.drawMinimap()},navigateTo(d){if(typeof e.onNavigate=="function")try{e.onNavigate(d)}catch{}typeof document<"u"&&document.dispatchEvent(new CustomEvent("sf:branch-navigate",{detail:{nodeId:d},bubbles:!0}))},step(){this.simulation?.tick(),this.draw(),this.drawMinimap()},startSimulation(){if(!this.simulation)return;if(this.prefersReducedMotion){this._runToRest();return}let d=()=>{this.draw(),this.drawMinimap(),typeof requestAnimationFrame=="function"&&(this._rafHandle=requestAnimationFrame(d))};typeof requestAnimationFrame=="function"&&(this._rafHandle=requestAnimationFrame(d))},stopSimulation(){this._rafHandle!==null&&typeof cancelAnimationFrame=="function"&&cancelAnimationFrame(this._rafHandle),this._rafHandle=null,this.simulation?.stop()},init(){this._simNodes=Pt([],this.nodes,this.currentNodeId);let d=new Map;for(let c of this._simNodes){let g=d.get(c.depth)??[];g.push(c),d.set(c.depth,g)}for(let[c,g]of d){let h=this.width/(g.length+1);g.forEach((u,y)=>{u.x=h*(y+1),u.y=60+c*be})}let s=At(this.nodes);this._simLinks=It(this._simNodes,s),this.simulation=Z(this._simNodes).force("link",X(this._simLinks).id(c=>c.id).distance(80).strength(.5)).force("charge",J().strength(-200)).force("center",W(this.width/2,this.height/2).strength(.05)).force("collide",Y(N+6)).force("depth-y",ye(c=>c.depth*be+60).strength(bn)).on("tick",()=>{this.draw(),this.drawMinimap()}),this.prefersReducedMotion?this._runToRest():this.startSimulation()},destroy(){this.stopSimulation(),this.simulation=null},_runToRest(){let d=this.simulation;if(d){d.stop();for(let s=0;s<300&&(d.tick(),!(d.alpha()<d.alphaMin()));s++);this.draw(),this.drawMinimap()}}}}function kn(e){return!e||!e.nodes?[]:Object.values(e.nodes).map(t=>({id:t.id,label:t.text.slice(0,40)+(t.text.length>40?"\u2026":""),parentId:t.parent,depth:t.depth}))}function Tt(){return{_sessionId:null,nodes:[],currentNode:null,loading:!1,error:null,loaded:!1,setSession(e){e!==this._sessionId&&(this._sessionId=e,this.nodes=[],this.currentNode=null,this.loaded=!1,this.error=null)},async refresh(){if(this._sessionId){this.loading=!0,this.error=null;try{let e=await fetch(`/api/branch/${this._sessionId}/tree`);if(!e.ok)throw new Error(`HTTP ${e.status}`);let t=await e.json();this.nodes=kn(t),this.currentNode=t.current??null,this.loaded=!0}catch(e){this.error=e instanceof Error?e.message:String(e),this.loaded=!1}finally{this.loading=!1}}}}}var Mt="sf:settings-wizard-dismissed",Sn=[{id:"fantasy",label:"Fantasy"},{id:"xianxia",label:"Ti\xEAn Hi\u1EC7p / Wuxia"},{id:"romance",label:"Ng\xF4n T\xECnh"},{id:"thriller",label:"Trinh Th\xE1m / Thriller"},{id:"scifi",label:"Khoa H\u1ECDc Vi\u1EC5n T\u01B0\u1EDFng"}];function Nt(){return{show:!1,step:1,selectedProvider:"openai",apiKey:"",selectedGenre:"fantasy",genres:Sn,shouldShow(){try{if(localStorage.getItem(Mt)==="1")return!1}catch{return!1}try{return!!!Alpine.store("settings")?.config?.llm?.api_key}catch{return!1}},next(){this.step<3&&(this.step=this.step+1)},dismiss(){try{localStorage.setItem(Mt,"1")}catch{}this.show=!1},async finish(){try{let e=Alpine.store("settings");if(e?.save&&e?.config?.llm){let t=this.selectedProvider,n={openai:"https://api.openai.com/v1",gemini:"https://generativelanguage.googleapis.com/v1beta/openai/",anthropic:"https://api.anthropic.com/v1",openrouter:"https://openrouter.ai/api/v1"};await e.save({llm:{...e.config.llm,api_key:this.apiKey.trim(),base_url:n[t]||e.config.llm.base_url||""}})}}catch{}this.dismiss()}}}var An=[{id:"pdf",label:"PDF",hint:"Print-ready \xB7 A4",color:"#EF4444"},{id:"epub",label:"EPUB",hint:"Kindle \xB7 digital read",color:"#10B981"},{id:"html",label:"HTML",hint:"Web \xB7 share online",color:"#3B82F6"},{id:"zip",label:"ZIP",hint:"Archive \xB7 all files",color:"#8B5CF6"}];function Rt(){return{selectedFormat:null,panelVisible:!1,formats:An,selectFormat(e){this.selectedFormat===e?this.panelVisible=!this.panelVisible:(this.selectedFormat=e,this.panelVisible=!0)},closePanel(){this.panelVisible=!1,this.selectedFormat=null}}}function Ft(e){let t=e.match(/^\[Agent\s+(\d+)\/(\d+)\]\s+([^:]+?):\s+(.+?)\s*$/);return t?{idx:parseInt(t[1],10),total:parseInt(t[2],10),name:t[3].trim(),action:t[4].trim()}:null}function Lt(e){let t=e.match(/^\[AGENTS\]\s+Layer\s+(\d+)\s+được\s+duyệt/);return t?{phase:"approved",layer:parseInt(t[1],10)}:/^\[AGENTS\]\s+Cần\s+chỉnh\s+sửa/.test(e)?{phase:"revision"}:null}function Bt(e){let t=e.match(/^\[DEBATE\]\s+(.+?)\s*$/);return t?t[1]:null}function Gt(e){let t=e.match(/^\[Reader\]\s+Simulating\s+chapter\s+(\d+)/);return t?{chapter:parseInt(t[1],10)}:null}function Dt(e){let t=e.match(/^\[StateRegistry\]\s+Extracted\s+states\s+for\s+ch(\d+)/);return t?{chapter:parseInt(t[1],10)}:null}function we(e){return!e||!Array.isArray(e.characters)?[]:e.characters.map(t=>(t?.name??"").trim()).filter(t=>t.length>=2).map(t=>({id:t.toLowerCase(),name:t}))}function $t(e,t={}){let n=t.minWeight??2,i=t.type??"neutral",r=we(e);if(r.length<2||!e||!Array.isArray(e.chapters))return[];let o=new Map;for(let d of e.chapters){let s=(d?.content??"").toLowerCase();if(s.length===0)continue;let c=[];for(let g of r)s.includes(g.name.toLowerCase())&&c.push(g.id);for(let g=0;g<c.length;g++)for(let h=g+1;h<c.length;h++){let u=c[g],y=c[h],m=u<y?`${u}|${y}`:`${y}|${u}`;o.set(m,(o.get(m)??0)+1)}}let l=0;for(let d of o.values())d>l&&(l=d);if(l===0)return[];let a=[];for(let[d,s]of o.entries()){if(s<n)continue;let[c,g]=d.split("|");a.push({sourceId:c,targetId:g,type:i,intensity:s/l})}return a.sort((d,s)=>s.intensity-d.intensity),a}var Ot=6;function xe(e){let t=typeof e=="number"?e:Number(e);return!Number.isFinite(t)||t<0?0:t>1?1:t}function Pn(e){let t=e.action.toLowerCase();return t.includes("vote")||t.includes("approve")||t.includes("reject")?"voting":t.includes("argue")||t.includes("counter")||t.includes("debate")?"debating":t.includes("support")||t.includes("agree")||t.includes("speak")?"speaking":t.includes("think")||t.includes("reflect")||t.includes("analyze")?"thinking":t.includes("skip")||t.includes("pass")||t.includes("done")?"done":"speaking"}function In(e){return e.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||"agent"}function Cn(e,t){let n=In(t.name),i=Pn(t),r=`${t.name}: ${t.action}`,o=e.findIndex(a=>a.id===n);if(o>=0){let a=e.slice();return a[o]={...e[o],state:i,message:r},a}let l=e.concat({id:n,name:t.name,state:i,message:r,score:null});return l.length>Ot?l.slice(l.length-Ot):l}function Ht(){return{pageState:"idle",agents:[],quality:{value:0,dimensions:[]},characters:[],relationships:[],lastDebateMarker:null,readerChapter:null,graphTick:0,reset(){this.pageState="generating",this.agents=[],this.quality={value:0,dimensions:[]},this.characters=[],this.relationships=[],this.lastDebateMarker=null,this.readerChapter=null,this.graphTick=0},setPageState(e){this.pageState=e},applyLog(e,t){if(typeof e!="string"||e.length===0)return;let n=Ft(e);if(n){this.agents=Cn(this.agents,n);return}if(Lt(e)){this.agents=this.agents.map(a=>({...a,state:"voting"}));return}let r=Bt(e);if(r){this.lastDebateMarker=r;return}let o=Gt(e);if(o){this.readerChapter=o.chapter;return}if(Dt(e)){this.graphTick+=1;return}},applyDone(e){this.pageState="done";let t=e?.data?.draft;t&&(this.characters=we(t),this.relationships=$t(t));let n=e?.data?.quality;if(Array.isArray(n)&&n.length>0){let i=n.filter(o=>typeof o?.name=="string"&&Number.isFinite(o?.value)).map(o=>({name:o.name,value:xe(o.value)})),r=i.length>0?i.reduce((o,l)=>o+l.value,0)/i.length:xe(e?.data?.quality_score);this.quality={value:r,dimensions:i}}else e?.data&&Number.isFinite(e.data.quality_score)&&(this.quality={value:xe(e.data.quality_score),dimensions:[]});this.agents=this.agents.map(i=>({...i,state:"done"}))},applyError(e){this.pageState="error"},applyInterrupted(e){this.pageState="interrupted"}}}var te=["day","sepia","night"],zt=["serif","sans","mono"],Kt=["narrow","normal","wide"],ke="forge_reader_font_size",Se="forge_reader_line_height",Ae="forge_reader_font_family",Pe="forge_reader_theme",Ie="forge_reader_column",de="forge_reader_bookmarks",En="storyforge_reader_font_size",E=Object.freeze({fontSize:18,lineHeight:1.9,fontFamily:"serif",theme:"day",column:"normal"});function le(e,t,n,i){if(e==null||e==="")return i;let r=typeof e=="number"?e:Number(e);return Number.isFinite(r)?r<t?t:r>n?n:r:i}function z(e,t,n){return typeof e=="string"&&t.includes(e)?e:n}function O(e){try{return typeof localStorage<"u"?localStorage.getItem(e):null}catch{return null}}function $(e,t){try{typeof localStorage<"u"&&localStorage.setItem(e,t)}catch{}}function K(e){try{typeof localStorage<"u"&&localStorage.removeItem(e)}catch{}}function Tn(){let e=O(de);if(!e)return{};try{let t=JSON.parse(e);if(!t||typeof t!="object")return{};let n={};for(let[i,r]of Object.entries(t)){if(!r||typeof r!="object")continue;let o=r,l=typeof o.chapter=="number"&&Number.isFinite(o.chapter)?Math.max(0,Math.floor(o.chapter)):null;if(l===null)continue;let a={chapter:l,updatedAt:typeof o.updatedAt=="number"?o.updatedAt:Date.now()};typeof o.position=="number"&&Number.isFinite(o.position)&&(a.position=Math.max(0,o.position)),n[i]=a}return n}catch{return{}}}function Mn(e){switch(e){case"sans":return'system-ui, -apple-system, "Segoe UI", "Inter", sans-serif';case"mono":return'ui-monospace, "Cascadia Code", "JetBrains Mono", "Fira Code", monospace';case"serif":default:return'"Iowan Old Style", "Charter", "Source Serif Pro", Georgia, serif'}}function Ut(){let e=O(En);return{fontSize:le(O(ke)??e,12,32,E.fontSize),lineHeight:le(O(Se),1.4,2.4,E.lineHeight),fontFamily:z(O(Ae),zt,E.fontFamily),theme:z(O(Pe),te,E.theme),column:z(O(Ie),Kt,E.column),bookmarks:Tn(),get fontFamilyCss(){return Mn(this.fontFamily)},setFontSize(i){this.fontSize=le(i,12,32,E.fontSize),$(ke,String(this.fontSize))},bumpFontSize(i){this.setFontSize(this.fontSize+i)},setLineHeight(i){let r=Math.round(i*10)/10;this.lineHeight=le(r,1.4,2.4,E.lineHeight),$(Se,String(this.lineHeight))},setFontFamily(i){this.fontFamily=z(i,zt,E.fontFamily),$(Ae,this.fontFamily)},setTheme(i){this.theme=z(i,te,E.theme),$(Pe,this.theme)},cycleTheme(){let i=te.indexOf(this.theme),r=te[(i+1)%te.length]??E.theme;this.setTheme(r)},setColumn(i){this.column=z(i,Kt,E.column),$(Ie,this.column)},saveBookmark(i,r,o){if(!i)return;let a={chapter:Math.max(0,Math.floor(Number(r)||0)),updatedAt:Date.now()};typeof o=="number"&&Number.isFinite(o)&&(a.position=Math.max(0,o)),this.bookmarks[i]=a,$(de,JSON.stringify(this.bookmarks))},getBookmark(i){return this.bookmarks[i]??null},clearBookmark(i){i in this.bookmarks&&(delete this.bookmarks[i],$(de,JSON.stringify(this.bookmarks)))},reset(){this.fontSize=E.fontSize,this.lineHeight=E.lineHeight,this.fontFamily=E.fontFamily,this.theme=E.theme,this.column=E.column,this.bookmarks={},K(ke),K(Se),K(Ae),K(Pe),K(Ie),K(de)}}}var Wt=Object.freeze({info:5e3,success:5e3,warning:6e3,error:8e3});function Yt(){let e=0,t=()=>(e+=1,`tst-${Date.now().toString(36)}-${e.toString(36)}`);return{items:[],push(i){let r=i.variant??"info",o=i.durationMs??Wt[r]??Wt.info,l={id:t(),message:i.message,variant:r,durationMs:o,createdAt:Date.now()};if(this.items.push(l),o>0&&typeof globalThis.setTimeout=="function"){let a=this;globalThis.setTimeout(()=>{a.dismiss(l.id)},o)}return l.id},dismiss(i){let r=this.items.findIndex(o=>o.id===i);r>=0&&this.items.splice(r,1)},clear(){this.items.splice(0,this.items.length)},isAssertive(i){return i==="warning"||i==="error"}}}function Xt(e){let t=e.toast;return{toast:t,get role(){return t.variant==="warning"||t.variant==="error"?"alert":"status"},get ariaLive(){return t.variant==="warning"||t.variant==="error"?"assertive":"polite"},dismiss(){let n=this;n.$store?.toasts&&n.$store.toasts.dismiss(this.toast.id)}}}function qt(e){if(typeof window>"u")return;let t=(n,i,r)=>e.push({message:n,variant:i,durationMs:r});window.sfShowToast=t}var Nn=window.__sf_i18n;document.addEventListener("alpine:init",()=>{Alpine.store("i18n",Nn),Ne(),Alpine.data("forgeButton",Re),Alpine.data("phaseTimeline",Le),Alpine.data("genreOrb",Be),Alpine.data("configPanel",Ge),Alpine.data("storyCard",Oe),Alpine.data("toastItem",Xt),Alpine.data("agentBubble",Ke),Alpine.data("qualityGauge",We),Alpine.data("characterGraph",xt),Alpine.data("branchTree",Et),Alpine.data("forgeBranchTreeMount",Tt),Alpine.data("forgeSettingsWizard",Nt),Alpine.data("forgeExportCards",Rt),Alpine.store("theater",Ht()),Alpine.store("reader",Ut());let e=Yt();Alpine.store("toasts",e),qt(e),typeof document<"u"&&document.documentElement&&document.documentElement.setAttribute("data-forge-ui","on"),Alpine.store("pipeline").loadChoices(),Alpine.store("pipeline").loadTemplates(),Alpine.store("settings").load()});})();
+
diff --git a/web/e2e/branch.spec.ts b/web/e2e/branch.spec.ts
index eecf6163..7dceb042 100644
--- a/web/e2e/branch.spec.ts
+++ b/web/e2e/branch.spec.ts
@@ -1,10 +1,10 @@
 /**
- * E2E smoke spec — Branching page (flag ON).
+ * E2E smoke spec — Branching page.
  *
  * Gate: STORYFORGE_E2E_LIVE=1 → real backend; absent → fully mocked.
  *
  * What is tested (mocked):
- *   1. forgeBranchTreeMount renders (canvas mount visible after forgeUi flag set).
+ *   1. forgeBranchTreeMount renders (canvas mount visible).
  *   2. srEntries <ul> is present in DOM (screen-reader fallback).
  *   3. Keyboard nav fires sf:branch-navigate custom event.
  *   4. axe-core: 0 critical violations.
@@ -26,16 +26,10 @@ const MOCK_TREE = {
   current_node_id: 'n0',
 };
 
-test.describe('Branching page smoke (flag ON)', () => {
+test.describe('Branching page smoke', () => {
   test.beforeEach(async ({ page }) => {
     if (LIVE) return;
 
-    await page.addInitScript(() => {
-      try {
-        localStorage.setItem('sf_flag_forgeUi', '1');
-      } catch (_) {}
-    });
-
     // Mock /api/branch/:id/tree
     await page.route('**/api/branch/*/tree', (route) =>
       route.fulfill({ status: 200, body: JSON.stringify(MOCK_TREE) }),
diff --git a/web/e2e/pipeline.spec.ts b/web/e2e/pipeline.spec.ts
index 9c27b6ce..aab8a839 100644
--- a/web/e2e/pipeline.spec.ts
+++ b/web/e2e/pipeline.spec.ts
@@ -1,5 +1,5 @@
 /**
- * E2E smoke spec — Pipeline page (flag ON).
+ * E2E smoke spec — Pipeline page.
  *
  * Gate: set STORYFORGE_E2E_LIVE=1 to run against a real backend.
  * Without that env-var, all backend calls are intercepted via page.route.
@@ -8,7 +8,7 @@
  *
  * What is tested (mocked):
  *   1. Page loads with no uncaught console errors.
- *   2. Theater section conditional x-if evaluates (forgeUi flag on → theater visible).
+ *   2. Theater section conditional x-if evaluates (theater visible while running).
  *   3. axe-core reports 0 critical violations.
  */
 
@@ -21,7 +21,7 @@ const LIVE = !!process.env['STORYFORGE_E2E_LIVE'];
 const MOCK_SSE_DONE =
   'data: {"type":"done","data":{"has_draft":false,"has_enhanced":false}}\n\n';
 
-test.describe('Pipeline page smoke (flag ON)', () => {
+test.describe('Pipeline page smoke', () => {
   test.beforeEach(async ({ page }) => {
     if (LIVE) return; // live mode: no mocks
 
@@ -88,7 +88,7 @@ test.describe('Pipeline page smoke (flag ON)', () => {
     expect(critical).toHaveLength(0);
   });
 
-  test('theater section x-if evaluates when forgeUi flag enabled', async ({ page }) => {
+  test('theater section x-if evaluates without errors', async ({ page }) => {
     if (LIVE) {
       test.skip(true, 'LIVE mode: skipped in mock suite');
       return;
@@ -97,18 +97,9 @@ test.describe('Pipeline page smoke (flag ON)', () => {
     await page.goto('/#pipeline');
     await page.waitForTimeout(1000);
 
-    // Enable forgeUi via localStorage (same mechanism as feature-flags.ts)
-    await page.evaluate(() => {
-      try { localStorage.setItem('sf_flag_forgeUi', '1'); } catch (_) {}
-    });
-    await page.reload();
-    await page.waitForTimeout(1000);
-
-    // The theater section is gated by x-if="$store.flags?.forgeUi".
-    // When the flag is set, the section should be present or the x-if block should have evaluated.
-    // We accept either: element present OR no JS error during evaluation.
+    // Theater block is rendered unconditionally now (flag was removed in S4).
+    // We accept 0+ matches — the assertion is that x-if evaluation does not throw.
     const theaterPresent = await page.locator('[data-forge-theater], .sf-theater-block').count();
-    // Soft assertion — theater may not be present if flag store isn't wired, but no errors expected.
     expect(theaterPresent).toBeGreaterThanOrEqual(0);
   });
 
diff --git a/web/e2e/reader.spec.ts b/web/e2e/reader.spec.ts
index c7aaf5e9..61ab8c36 100644
--- a/web/e2e/reader.spec.ts
+++ b/web/e2e/reader.spec.ts
@@ -25,7 +25,6 @@ test.describe('Reader surface smoke (flag ON)', () => {
       try {
         localStorage.setItem('forge_reader_font_family', 'serif');
         localStorage.setItem('forge_reader_font_size', '18');
-        localStorage.setItem('sf_flag_forgeUi', '1');
       } catch (_) {}
     });
 
diff --git a/web/e2e/sprint-close-smoke.spec.ts b/web/e2e/sprint-close-smoke.spec.ts
index cb67a3b3..707684dd 100644
--- a/web/e2e/sprint-close-smoke.spec.ts
+++ b/web/e2e/sprint-close-smoke.spec.ts
@@ -57,8 +57,6 @@ test.describe('Sprint-close smoke (live backend, LLM mocked)', () => {
   test.beforeEach(async ({ page }) => {
     await page.addInitScript(() => {
       try {
-        localStorage.setItem('STORYFORGE_FORGE_UI', '1');
-        localStorage.setItem('sf_flag_forgeUi', '1');
         localStorage.setItem('sf_theme', 'light');
       } catch (_) {}
     });
diff --git a/web/fonts/inter/Inter-italic.var.woff2 b/web/fonts/inter/Inter-italic.var.woff2
new file mode 100644
index 00000000..5e194fb8
Binary files /dev/null and b/web/fonts/inter/Inter-italic.var.woff2 differ
diff --git a/web/fonts/inter/Inter-roman.var.woff2 b/web/fonts/inter/Inter-roman.var.woff2
new file mode 100644
index 00000000..af3c6709
Binary files /dev/null and b/web/fonts/inter/Inter-roman.var.woff2 differ
diff --git a/web/index.html b/web/index.html
index dcafbbc2..23e37048 100644
--- a/web/index.html
+++ b/web/index.html
@@ -30,10 +30,26 @@
   <script defer src="/static/vendor/alpine/alpine.min.js"></script>
   <script defer src="/static/js/feedback-widget.js"></script>
   <script defer src="/static/js/report-issue.js"></script>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+  <!-- Inter self-hosted (sprint perf/forge-shell-2 S2). Subset = Latin + Vietnamese. -->
+  <link rel="preload" href="/static/fonts/inter/Inter-roman.var.woff2" as="font" type="font/woff2" crossorigin>
   <style>
+    /* Inter variable, self-hosted. unicode-range gates italic to italic glyphs only. */
+    @font-face {
+      font-family: 'Inter';
+      src: url('/static/fonts/inter/Inter-roman.var.woff2') format('woff2-variations');
+      font-weight: 100 900;
+      font-style: normal;
+      font-display: swap;
+      unicode-range: U+0000-00FF, U+0100-017F, U+0102, U+0103, U+0110, U+0111, U+0128, U+0129, U+0168, U+0169, U+01A0, U+01A1, U+01AF, U+01B0, U+1EA0-1EF9, U+20AB;
+    }
+    @font-face {
+      font-family: 'Inter';
+      src: url('/static/fonts/inter/Inter-italic.var.woff2') format('woff2-variations');
+      font-weight: 100 900;
+      font-style: italic;
+      font-display: swap;
+      unicode-range: U+0000-00FF, U+0100-017F, U+0102, U+0103, U+0110, U+0111, U+0128, U+0129, U+0168, U+0169, U+01A0, U+01A1, U+01AF, U+01B0, U+1EA0-1EF9, U+20AB;
+    }
     /* forge-critical: inline (StaticFiles doesn't gzip; inline rides HTML gzip). */
     [x-cloak] { display: none !important; }
     .page-enter { animation: fadeSlideIn 0.25s ease-out; }
@@ -628,7 +644,7 @@ <h1 class="text-lg font-semibold text-slate-700" x-text="$store.app.navItems.fin
       <template x-if="$store.app.page === 'pipeline'">
       <div class="page-enter" x-data="pipelinePage()" x-init="init()" @keydown.escape.window="branchOpen = false"
            data-page="pipeline"
-           :data-state="$store.flags?.forgeUi ? ($store.theater?.pageState || 'idle') : null">
+           :data-state="$store.theater?.pageState || 'idle'">
         <div class="max-w-3xl mx-auto space-y-4">
             <!-- Piece O: resume-from-checkpoint callout. Only renders when the user
                  came from the library "Tiếp từ ch.N" button (resumeFromChapter is set)
@@ -686,12 +702,12 @@ <h3 class="text-sm font-semibold text-slate-700 dark:text-slate-200" x-text="$st
               </p>
             </div>
 
-            <!-- ═══ FORGE THEATER (flag-gated, additive) ═══
+            <!-- ═══ FORGE THEATER (additive) ═══
                  Live AgentBubble stack + QualityGauge + CharacterGraph bound
                  to $store.theater. Only renders while generating/done — idle
                  stays out of the way. CSS state morphs live under
                  :root[data-forge-ui="on"] [data-page="pipeline"][data-state="..."]. -->
-            <template x-if="$store.flags?.forgeUi && $store.theater && $store.theater.pageState !== 'idle'">
+            <template x-if="$store.theater && $store.theater.pageState !== 'idle'">
               <section class="sf-theater" aria-label="Pipeline theater">
                 <header class="sf-theater__header">
                   <h3 class="sf-theater__title">Forge Theater</h3>
@@ -1687,9 +1703,8 @@ <h3 class="font-semibold text-sm text-amber-700 mb-1">Connection Interrupted</h3
       <template x-if="$store.app.page === 'settings'">
       <div class="page-enter" x-data="settingsPage()">
 
-        <!-- Forge: first-time wizard (flag-gated) -->
-        <template x-if="$store.flags?.forgeUi">
-          <div x-data="forgeSettingsWizard()" x-init="show = shouldShow()">
+        <!-- Forge: first-time wizard -->
+        <div x-data="forgeSettingsWizard()" x-init="show = shouldShow()">
             <template x-if="show">
               <div class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4" role="dialog" aria-modal="true" aria-label="Settings wizard">
                 <div class="bg-white dark:bg-surface-900 rounded-2xl shadow-2xl w-full max-w-md p-6 space-y-5">
@@ -1766,7 +1781,6 @@ <h2 class="text-lg font-bold text-slate-800 dark:text-slate-100">
               </div>
             </template>
           </div>
-        </template>
 
         <div class="max-w-3xl mx-auto space-y-4">
 
@@ -2280,120 +2294,7 @@ <h3 class="text-lg font-semibold text-slate-800 dark:text-slate-200 mb-1.5">Thư
             </div>
           </template>
 
-          <!-- Story list — LEGACY surface (flag OFF, default). -->
-          <template x-if="stories.length > 0 && !$store.flags?.forgeUi">
-            <div class="space-y-2.5">
-              <template x-for="story in filteredStories" :key="story.path">
-                <div class="sf-story-card group" @click="openStory(story.path)">
-                  <div class="flex items-center gap-3">
-                    <div class="w-9 h-9 rounded-xl bg-gradient-to-br from-brand-50 to-violet-50 dark:from-brand-900/20 dark:to-violet-900/20 flex items-center justify-center flex-shrink-0">
-                      <svg class="w-4.5 h-4.5 text-brand-500" fill="none" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25"/></svg>
-                    </div>
-                    <div class="flex-1 min-w-0">
-                      <div class="flex items-center gap-2 mb-0.5">
-                        <h3 class="font-semibold text-sm text-slate-800 dark:text-slate-200 truncate" x-text="story.title || story.path"></h3>
-                        <span class="flex-shrink-0 px-1.5 py-0.5 rounded text-[10px] font-semibold uppercase tracking-wide" :class="layerColor(story.current_layer)" x-text="layerLabel(story.current_layer)"></span>
-                      </div>
-                      <div class="flex items-center gap-2.5 text-[11px] text-slate-400 dark:text-slate-300">
-                        <span x-show="story.genre" class="inline-flex items-center gap-1">
-                          <svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 003 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 005.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 009.568 3z"/></svg>
-                          <span x-text="story.genre"></span>
-                        </span>
-                        <span class="inline-flex items-center gap-1">
-                          <svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.01v.01H3.75V6.75z"/></svg>
-                          <span x-text="story.chapter_count + ' chương'"></span>
-                        </span>
-                        <span x-text="story.modified"></span>
-                        <span class="text-slate-300 dark:text-slate-600">·</span>
-                        <span x-text="story.size_kb + ' KB'"></span>
-                        <template x-if="qualityForStory(story.path)">
-                          <span class="inline-flex items-center gap-1 px-1.5 py-0.5 rounded border text-[10px] font-medium"
-                                :class="overallPillClass(qualityForStory(story.path).overall)">
-                            <span x-text="'Tổng: ' + qualityForStory(story.path).overall.toFixed(1) + '/5'"></span>
-                            <span class="opacity-60">·</span>
-                            <span x-text="'Yếu nhất: ch.' + qualityForStory(story.path).weakest_chapter + ' (' + qualityForStory(story.path).weakest_score.toFixed(1) + ')'"></span>
-                          </span>
-                        </template>
-                        <template x-if="recentContinuationFor(story)">
-                          <span class="inline-flex items-center gap-1 px-1.5 py-0.5 rounded border text-[10px] font-medium bg-emerald-50 text-emerald-700 border-emerald-200">
-                            <svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3 8.689c0-.864.933-1.406 1.683-.977l7.108 4.061a1.125 1.125 0 010 1.954l-7.108 4.061A1.125 1.125 0 013 16.811V8.69zM12.75 8.689c0-.864.933-1.406 1.683-.977l7.108 4.061a1.125 1.125 0 010 1.954l-7.108 4.061a1.125 1.125 0 01-1.683-.977V8.69z"/></svg>
-                            <span x-text="'Vừa viết tiếp +' + recentContinuationFor(story).added + ' chương · ' + relativeTimeVi(recentContinuationFor(story).ts)"></span>
-                          </span>
-                        </template>
-                        <template x-if="interruptedInfo(story)">
-                          <span class="inline-flex items-center gap-1 px-1.5 py-0.5 rounded border text-[10px] font-medium bg-rose-50 text-rose-700 border-rose-200"
-                                :title="'Pipeline dừng giữa chừng — còn ' + (interruptedInfo(story).target - (story.chapter_count || 0)) + ' chương chưa viết'">
-                            <svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"/></svg>
-                            <span x-text="'Tạm dừng — chương ' + (story.chapter_count || 0) + '/' + interruptedInfo(story).target"></span>
-                          </span>
-                        </template>
-                        <template x-if="usageForStory(story)">
-                          <span class="inline-flex items-center gap-1 px-1.5 py-0.5 rounded border text-[10px] font-medium"
-                                :class="usagePillClass(usageForStory(story))"
-                                :title="'Chi phí LLM ước tính cho truyện này'">
-                            <svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
-                            <span x-text="formatUsageLabel(usageForStory(story))"></span>
-                          </span>
-                        </template>
-                      </div>
-                    </div>
-                    <div class="flex items-center gap-0.5 flex-shrink-0">
-                      <template x-if="loadingStory === story.path">
-                        <svg class="w-5 h-5 animate-spin text-brand-500" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/></svg>
-                      </template>
-                      <template x-if="interruptedInfo(story)">
-                        <button
-                          @click.stop="resumeStory(story)"
-                          class="inline-flex items-center gap-1 px-2 py-1 rounded-lg text-xs font-semibold bg-rose-50 text-rose-700 border border-rose-200 hover:bg-rose-100 transition-all cursor-pointer"
-                          :title="'Tiếp tục từ chương ' + interruptedInfo(story).resumeFrom"
-                        >
-                          <svg class="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99"/></svg>
-                          <span x-text="'Tiếp từ ch.' + interruptedInfo(story).resumeFrom"></span>
-                        </button>
-                      </template>
-                      <button
-                        @click.stop="continueStory(story)"
-                        class="p-1.5 rounded-lg text-slate-400 hover:text-emerald-600 hover:bg-emerald-50 dark:hover:bg-emerald-900/20 opacity-0 group-hover:opacity-100 transition-all cursor-pointer"
-                        title="Viết tiếp chương mới"
-                      >
-                        <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3 8.689c0-.864.933-1.406 1.683-.977l7.108 4.061a1.125 1.125 0 010 1.954l-7.108 4.061A1.125 1.125 0 013 16.811V8.69zM12.75 8.689c0-.864.933-1.406 1.683-.977l7.108 4.061a1.125 1.125 0 010 1.954l-7.108 4.061a1.125 1.125 0 01-1.683-.977V8.69z"/></svg>
-                      </button>
-                      <button
-                        @click.stop="generateImages(story)"
-                        :disabled="generatingImages === story.path"
-                        class="p-1.5 rounded-lg text-slate-400 hover:text-violet-600 hover:bg-violet-50 dark:hover:bg-violet-900/20 opacity-0 group-hover:opacity-100 transition-all cursor-pointer disabled:opacity-50"
-                        title="Tạo ảnh minh hoạ cho từng chương"
-                      >
-                        <template x-if="generatingImages === story.path">
-                          <svg class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/></svg>
-                        </template>
-                        <template x-if="generatingImages !== story.path">
-                          <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z"/></svg>
-                        </template>
-                      </button>
-                      <span class="text-xs text-brand-500 font-medium opacity-0 group-hover:opacity-100 transition-opacity px-1">Mở</span>
-                      <button
-                        @click.stop="confirmDelete === story.path ? deleteStory(story.path) : confirmDelete = story.path"
-                        class="p-1.5 rounded-lg text-slate-400 hover:text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20 opacity-0 group-hover:opacity-100 transition-all cursor-pointer"
-                        :class="{ '!opacity-100 text-red-500 bg-red-50 dark:bg-red-900/20': confirmDelete === story.path }"
-                        :title="confirmDelete === story.path ? 'Click lần nữa để xác nhận xóa' : 'Xóa truyện'"
-                      >
-                        <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"/></svg>
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </template>
-
-              <!-- Empty search result -->
-              <template x-if="filteredStories.length === 0 && searchQuery">
-                <div class="text-center py-8 text-sm text-slate-400">Không tìm thấy truyện nào khớp "<span x-text="searchQuery" class="font-medium"></span>"</div>
-              </template>
-            </div>
-          </template>
 
-          <!-- Story list — FORGE surface (flag ON). Uses StoryCard + GenreOrb. -->
-          <template x-if="stories.length > 0 && $store.flags?.forgeUi">
             <div class="sf-library-forge"
                  @sf:story-open.window="onStoryOpen($event.detail.id)"
                  @sf:story-continue.window="onStoryContinue($event.detail.id)"
@@ -2477,30 +2378,24 @@ <h3 class="sf-story-card__title" x-text="title"></h3>
                 </template>
               </div>
             </div>
-          </template>
           </div>
           </template>
 
           <!-- ══ READER VIEW ══ -->
           <template x-if="isReading">
           <div
-            :class="$store.flags?.forgeUi && $store.reader ? 'sf-reader sf-reader--' + $store.reader.theme + ' sf-reader--col-' + $store.reader.column : ''"
-            :style="$store.flags?.forgeUi && $store.reader ? ('--sf-reader-font-size:' + $store.reader.fontSize + 'px; --sf-reader-line-height:' + $store.reader.lineHeight + '; --sf-reader-font-family:' + $store.reader.fontFamilyCss) : ''">
-            <!-- M3: Reading progress bar — fixed at viewport top, forgeUi only. -->
-            <template x-if="$store.flags?.forgeUi">
+            :class="$store.reader ? 'sf-reader sf-reader--' + $store.reader.theme + ' sf-reader--col-' + $store.reader.column : ''"
+            :style="$store.reader ? ('--sf-reader-font-size:' + $store.reader.fontSize + 'px; --sf-reader-line-height:' + $store.reader.lineHeight + '; --sf-reader-font-family:' + $store.reader.fontFamilyCss) : ''">
+            <!-- M3: Reading progress bar — fixed at viewport top. -->
               <div class="sf-reader__progress-bar" role="progressbar" :aria-valuenow="readingProgress" aria-valuemin="0" aria-valuemax="100" aria-label="Tiến độ đọc">
                 <div class="sf-reader__progress-fill" :style="'width:' + readingProgress + '%'"></div>
               </div>
-            </template>
-            <!-- M3: Chapter sidebar scrim (mobile overlay), forgeUi only. -->
-            <template x-if="$store.flags?.forgeUi">
+            <!-- M3: Chapter sidebar scrim (mobile overlay). -->
               <div class="sf-reader__sidebar-scrim"
                    :data-open="sidebarOpen ? 'true' : 'false'"
                    @click="toggleSidebar()"
                    aria-hidden="true"></div>
-            </template>
-            <!-- M3: Chapter sidebar, forgeUi only. -->
-            <template x-if="$store.flags?.forgeUi">
+            <!-- M3: Chapter sidebar. -->
               <nav class="sf-reader__sidebar"
                    :data-open="sidebarOpen ? 'true' : 'false'"
                    aria-label="Danh sách chương">
@@ -2529,9 +2424,8 @@ <h3 class="sf-story-card__title" x-text="title"></h3>
                   </template>
                 </ul>
               </nav>
-            </template>
             <!-- Forge reader toolbar — typography + theme controls, persisted via $store.reader. -->
-            <template x-if="$store.flags?.forgeUi && $store.reader">
+            <template x-if="$store.reader">
               <div class="sf-reader__toolbar" role="toolbar" aria-label="Reader preferences">
                 <div class="sf-reader__group" aria-label="Cỡ chữ">
                   <span class="sf-reader__group-label" aria-hidden="true">Aa</span>
@@ -2606,8 +2500,7 @@ <h2 class="text-xl font-bold text-slate-800 dark:text-slate-100 leading-tight" x
                   </div>
                 </div>
                 <div class="flex items-center gap-2">
-                  <!-- M3: Chapter sidebar toggle — forgeUi only. -->
-                  <template x-if="$store.flags?.forgeUi">
+                  <!-- M3: Chapter sidebar toggle. -->
                     <button type="button"
                             class="sf-reader__sidebar-toggle"
                             @click="toggleSidebar()"
@@ -2617,16 +2510,7 @@ <h2 class="text-xl font-bold text-slate-800 dark:text-slate-100 leading-tight" x
                       <svg width="14" height="14" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12"/></svg>
                       <span x-text="(chapter+1) + '/' + chapters.length"></span>
                     </button>
-                  </template>
                   <!-- Legacy inline font-size control (flag-OFF path). -->
-                  <template x-if="!$store.flags?.forgeUi">
-                    <div class="inline-flex items-center gap-1 bg-surface-50 dark:bg-surface-800 rounded-lg px-2 py-1">
-                      <span class="text-[10px] font-semibold text-slate-500 dark:text-slate-300 uppercase tracking-wide">Aa</span>
-                      <button @click="fontSize = Math.max(14, fontSize - 2)" class="w-6 h-6 rounded text-slate-500 text-sm font-bold cursor-pointer hover:bg-white">−</button>
-                      <span class="text-[11px] text-slate-600 w-5 text-center font-mono" x-text="fontSize"></span>
-                      <button @click="fontSize = Math.min(28, fontSize + 2)" class="w-6 h-6 rounded text-slate-500 text-sm font-bold cursor-pointer hover:bg-white">+</button>
-                    </div>
-                  </template>
                   <button @click="continueStory()" class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-semibold bg-emerald-50 text-emerald-700 hover:bg-emerald-100 transition-colors cursor-pointer">
                     <svg class="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3 8.689c0-.864.933-1.406 1.683-.977l7.108 4.061a1.125 1.125 0 010 1.954l-7.108 4.061A1.125 1.125 0 013 16.811V8.69zM12.75 8.689c0-.864.933-1.406 1.683-.977l7.108 4.061a1.125 1.125 0 010 1.954l-7.108 4.061a1.125 1.125 0 01-1.683-.977V8.69z"/></svg>
                     Viết tiếp
@@ -2767,8 +2651,8 @@ <h3 class="text-xl font-bold text-slate-800 mb-2" x-text="'Chương ' + (current
                       </template>
                     </div>
                   </div>
-                  <!-- M3: Portrait-injected prose (forgeUi). Paragraphs come from readerPage.paragraphs. -->
-                  <template x-if="$store.flags?.forgeUi && paragraphs.length > 0">
+                  <!-- M3: Portrait-injected prose. Paragraphs come from readerPage.paragraphs. -->
+                  <template x-if="paragraphs.length > 0">
                     <div class="sf-reader__prose" data-reader-content>
                       <template x-for="(para, i) in paragraphs" :key="i">
                         <div class="sf-reader__para-block">
@@ -2784,11 +2668,11 @@ <h3 class="text-xl font-bold text-slate-800 mb-2" x-text="'Chương ' + (current
                       </template>
                     </div>
                   </template>
-                  <!-- Fallback prose (forgeUi but no paragraphs yet, or flag-OFF). -->
-                  <template x-if="!(($store.flags?.forgeUi) && paragraphs.length > 0)">
+                  <!-- Fallback prose (no paragraphs yet). -->
+                  <template x-if="!(paragraphs.length > 0)">
                     <div
-                      :class="$store.flags?.forgeUi && $store.reader ? 'sf-reader__prose' : 'text-slate-700 whitespace-pre-wrap leading-[1.9]'"
-                      :style="$store.flags?.forgeUi && $store.reader ? '' : ('font-size:' + fontSize + 'px')"
+                      :class="$store.reader ? 'sf-reader__prose' : 'text-slate-700 whitespace-pre-wrap leading-[1.9]'"
+                      :style="$store.reader ? '' : ('font-size:' + fontSize + 'px')"
                       data-reader-content
                       x-html="(currentChapter.content || '').replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>').replace(/\n/g, '<br>')"></div>
                   </template>
@@ -2854,7 +2738,6 @@ <h3 class="font-semibold text-sm text-slate-700 dark:text-slate-200">Chọn truy
                 </select>
               </div>
               <!-- Document formats — Forge visual cards (flag ON) -->
-              <template x-if="$store.flags?.forgeUi">
                 <div x-data="forgeExportCards()" class="space-y-3">
                   <div class="card p-5">
                     <div class="flex items-center gap-2 mb-4">
@@ -2926,40 +2809,8 @@ <h4 class="text-sm font-semibold text-slate-700 dark:text-slate-200">
                     </template>
                   </div>
                 </div>
-              </template>
 
               <!-- Document formats — legacy tiles (flag OFF) -->
-              <template x-if="!$store.flags?.forgeUi">
-                <div class="card p-5">
-                  <div class="flex items-center gap-2 mb-4">
-                    <span class="sf-step-badge">2</span>
-                    <h3 class="font-semibold text-sm text-slate-700 dark:text-slate-200">Chọn định dạng</h3>
-                  </div>
-                  <div class="grid grid-cols-3 gap-3">
-                    <button @click="exportFormat('pdf')" :disabled="exporting" class="sf-export-tile">
-                      <div class="ico" style="background: linear-gradient(135deg, rgba(239,68,68,0.12), rgba(249,115,22,0.08));">
-                        <svg class="w-5 h-5 text-red-500" fill="none" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"/></svg>
-                      </div>
-                      <span class="text-sm font-semibold text-slate-700 dark:text-slate-200" x-text="exporting === 'pdf' ? 'Đang xuất...' : 'PDF'"></span>
-                      <span class="text-[10px] text-slate-400">In ấn · A4</span>
-                    </button>
-                    <button @click="exportFormat('epub')" :disabled="exporting" class="sf-export-tile">
-                      <div class="ico" style="background: linear-gradient(135deg, rgba(16,185,129,0.12), rgba(37,99,235,0.08));">
-                        <svg class="w-5 h-5 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25"/></svg>
-                      </div>
-                      <span class="text-sm font-semibold text-slate-700 dark:text-slate-200" x-text="exporting === 'epub' ? 'Đang xuất...' : 'EPUB'"></span>
-                      <span class="text-[10px] text-slate-400">Kindle · đọc số</span>
-                    </button>
-                    <button @click="exportZip()" :disabled="exporting" class="sf-export-tile">
-                      <div class="ico" style="background: linear-gradient(135deg, rgba(37,99,235,0.12), rgba(139,92,246,0.08));">
-                        <svg class="w-5 h-5 text-brand-600" fill="none" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M20.25 7.5l-.625 10.632a2.25 2.25 0 01-2.247 2.118H6.622a2.25 2.25 0 01-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125z"/></svg>
-                      </div>
-                      <span class="text-sm font-semibold text-slate-700 dark:text-slate-200" x-text="exporting === 'zip' ? 'Đang xuất...' : 'ZIP'"></span>
-                      <span class="text-[10px] text-slate-400">Tất cả · lưu trữ</span>
-                    </button>
-                  </div>
-                </div>
-              </template>
               <div x-show="message" x-transition class="flex items-center gap-2 px-4 py-3 rounded-lg text-sm"
                 :class="message.startsWith('Error') ? 'bg-red-50 text-red-700 border border-red-200' : 'bg-emerald-50 text-emerald-700 border border-emerald-200'">
                 <svg x-show="!message.startsWith('Error')" class="w-4 h-4 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"/></svg>
@@ -3419,7 +3270,6 @@ <h3 class="font-semibold text-sm text-slate-700 dark:text-slate-200">Chọn ngu
                       </div>
 
                       <!-- Tree visualization — Forge canvas (flag ON) -->
-                      <template x-if="$store.flags?.forgeUi">
                         <div x-data="forgeBranchTreeMount()" x-effect="setSession(sessionId)" class="sf-branch-tree-wrap">
                           <button @click="refresh()"
                             class="px-4 py-2 rounded-lg text-sm font-medium cursor-pointer transition-colors bg-surface-100 dark:bg-surface-800 text-slate-600 dark:text-slate-300 hover:bg-surface-200 dark:hover:bg-surface-700 inline-flex items-center gap-1.5"
@@ -3453,44 +3303,8 @@ <h3 class="font-semibold text-sm text-slate-700 dark:text-slate-200">Chọn ngu
                             </div>
                           </template>
                         </div>
-                      </template>
 
                       <!-- Tree visualization — legacy SVG (flag OFF) -->
-                      <template x-if="!$store.flags?.forgeUi">
-                        <div x-data="treeVisualizer()" x-effect="setSession(sessionId)">
-                          <button @click="toggleTree(sessionId)"
-                            class="px-4 py-2 rounded-lg text-sm font-medium cursor-pointer transition-colors bg-surface-100 dark:bg-surface-800 text-slate-600 dark:text-slate-300 hover:bg-surface-200 dark:hover:bg-surface-700 inline-flex items-center gap-1.5">
-                            <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 7.125C2.25 6.504 2.754 6 3.375 6h6c.621 0 1.125.504 1.125 1.125v3.75c0 .621-.504 1.125-1.125 1.125h-6a1.125 1.125 0 01-1.125-1.125v-3.75zM14.25 8.625c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v8.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 01-1.125-1.125v-8.25zM3.75 16.125c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v2.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 01-1.125-1.125v-2.25z"/></svg>
-                            <span x-text="showTree ? 'Hide Tree' : 'Show Tree'"></span>
-                          </button>
-                          <div x-show="showTree" x-transition class="mt-3 card overflow-x-auto">
-                            <template x-if="treeLoading">
-                              <div class="p-4 text-center text-sm text-slate-400 dark:text-slate-300">Loading tree...</div>
-                            </template>
-                            <template x-if="treeLayout && treeLayout.nodes.length > 0">
-                              <svg :viewBox="viewBox" class="min-w-full" :style="'min-height:' + treeLayout.height + 'px'" xmlns="http://www.w3.org/2000/svg">
-                                <template x-for="edge in treeLayout.edges" :key="edge.x1 + '-' + edge.y1 + '-' + edge.x2 + '-' + edge.y2">
-                                  <line :x1="edge.x1" :y1="edge.y1" :x2="edge.x2" :y2="edge.y2" class="stroke-surface-300 dark:stroke-surface-600" stroke-width="2"/>
-                                </template>
-                                <template x-for="node in treeLayout.nodes" :key="node.id">
-                                  <g class="cursor-pointer" @click="gotoNode($data.sessionId || sessionId, node.id).then(n => { if(n) { $data.currentNode = n; if($data.history) $data.history = []; refreshTree($data.sessionId || sessionId); } })">
-                                    <circle :cx="node.x" :cy="node.y" r="18"
-                                      :class="node.isCurrent ? 'fill-brand-500 stroke-brand-300' : 'fill-surface-200 dark:fill-surface-700 stroke-surface-400 dark:stroke-surface-500'"
-                                      stroke-width="2"/>
-                                    <text :x="node.x" :y="node.y + 32" text-anchor="middle" class="fill-slate-500 dark:fill-slate-400" font-size="9" x-text="node.label"></text>
-                                  </g>
-                                </template>
-                              </svg>
-                            </template>
-                            <template x-if="!treeLoading && treeError">
-                              <div class="p-4 text-center text-sm text-red-500 dark:text-red-400" x-text="treeError"></div>
-                            </template>
-                            <template x-if="!treeLoading && !treeError && (!treeLayout || treeLayout.nodes.length === 0)">
-                              <div class="p-4 text-center text-sm text-slate-400 dark:text-slate-300">No tree data available. Try navigating first.</div>
-                            </template>
-                          </div>
-                        </div>
-                      </template>
                     </div>
                   </template>
                 </div>
@@ -3757,7 +3571,6 @@ <h3 class="font-semibold text-sm text-slate-700 dark:text-slate-200">API tương
        (WCAG 2.1 SC 4.1.3). The store is registered in app.ts only when the
        flag is on, so `$store.toasts` is undefined for legacy users — the
        optional chain keeps the template inert in that path. -->
-  <template x-if="$store.flags?.forgeUi">
     <div>
       <ul class="sf-toast-region" aria-label="Notifications" role="status" aria-live="polite">
         <template x-for="t in ($store.toasts?.items || []).filter((x) => !$store.toasts.isAssertive(x.variant))" :key="t.id">
@@ -3780,6 +3593,5 @@ <h3 class="font-semibold text-sm text-slate-700 dark:text-slate-200">API tương
         </template>
       </ul>
     </div>
-  </template>
 </body>
 </html>
diff --git a/web/js/__tests__/feature-flags.test.ts b/web/js/__tests__/feature-flags.test.ts
deleted file mode 100644
index 015cf857..00000000
--- a/web/js/__tests__/feature-flags.test.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-/**
- * Tests for feature-flags.ts
- *
- * Covers:
- *   - Default: returns true when no flags set (flag shipped in sprint perf/forge-shell)
- *   - localStorage override: '1' enables, '0' opts out, anything else falls through
- *   - window global takes priority over localStorage
- *   - setForgeUiOverride: sets, clears localStorage key
- */
-
-import { describe, it, expect, beforeEach, vi } from 'vitest';
-import { isForgeUiEnabled, setForgeUiOverride } from '../feature-flags';
-
-describe('isForgeUiEnabled', () => {
-  beforeEach(() => {
-    // Clean slate for each test
-    localStorage.clear();
-    // Remove window flag if set by previous test
-    if (window.__STORYFORGE_FLAGS__ !== undefined) {
-      delete window.__STORYFORGE_FLAGS__;
-    }
-  });
-
-  it('returns true by default (no localStorage, no window flag)', () => {
-    expect(isForgeUiEnabled()).toBe(true);
-  });
-
-  it('returns true when localStorage sf_forge_ui === "1"', () => {
-    localStorage.setItem('sf_forge_ui', '1');
-    expect(isForgeUiEnabled()).toBe(true);
-  });
-
-  it('returns false when localStorage sf_forge_ui === "0" (explicit opt-out)', () => {
-    localStorage.setItem('sf_forge_ui', '0');
-    expect(isForgeUiEnabled()).toBe(false);
-  });
-
-  it('returns true (default) when localStorage sf_forge_ui is an unrecognized value', () => {
-    localStorage.setItem('sf_forge_ui', 'true'); // not '1' or '0'
-    expect(isForgeUiEnabled()).toBe(true);
-  });
-
-  it('window.__STORYFORGE_FLAGS__.forgeUi = true takes priority over localStorage = "0"', () => {
-    localStorage.setItem('sf_forge_ui', '0');
-    window.__STORYFORGE_FLAGS__ = { forgeUi: true };
-    expect(isForgeUiEnabled()).toBe(true);
-  });
-
-  it('window.__STORYFORGE_FLAGS__.forgeUi = false overrides localStorage = "1"', () => {
-    localStorage.setItem('sf_forge_ui', '1');
-    window.__STORYFORGE_FLAGS__ = { forgeUi: false };
-    expect(isForgeUiEnabled()).toBe(false);
-  });
-});
-
-describe('setForgeUiOverride', () => {
-  beforeEach(() => {
-    localStorage.clear();
-    if (window.__STORYFORGE_FLAGS__ !== undefined) {
-      delete window.__STORYFORGE_FLAGS__;
-    }
-  });
-
-  it('setForgeUiOverride(true) sets sf_forge_ui to "1"', () => {
-    setForgeUiOverride(true);
-    expect(localStorage.getItem('sf_forge_ui')).toBe('1');
-  });
-
-  it('setForgeUiOverride(false) sets sf_forge_ui to "0"', () => {
-    setForgeUiOverride(false);
-    expect(localStorage.getItem('sf_forge_ui')).toBe('0');
-  });
-
-  it('setForgeUiOverride(null) removes sf_forge_ui from localStorage', () => {
-    localStorage.setItem('sf_forge_ui', '1');
-    setForgeUiOverride(null);
-    expect(localStorage.getItem('sf_forge_ui')).toBeNull();
-  });
-
-  it('after setForgeUiOverride(null), isForgeUiEnabled() falls back to default true', () => {
-    localStorage.setItem('sf_forge_ui', '0');
-    setForgeUiOverride(null);
-    expect(isForgeUiEnabled()).toBe(true);
-  });
-});
diff --git a/web/js/__tests__/pages/reader.test.ts b/web/js/__tests__/pages/reader.test.ts
index cf2148a8..81df9902 100644
--- a/web/js/__tests__/pages/reader.test.ts
+++ b/web/js/__tests__/pages/reader.test.ts
@@ -8,8 +8,8 @@
  *   - estimateMinutes: zero for empty, min 1 for short text, scales with word count
  *   - parsePortraitParagraphs: no characters, character matched, character not matched,
  *     only first mention per character gets portrait, second character can still match
- *   - readerPage factory: default state, forgeUi off (store read returns false),
- *     goToChapter clamps, toggleSidebar toggles, readTime delegates to estimateMinutes
+ *   - readerPage factory: default state, goToChapter clamps, toggleSidebar
+ *     toggles, readTime delegates to estimateMinutes
  *   - prefers-reduced-motion flag: reducedMotion initialises from window.matchMedia
  *   - ARIA: readingProgress 0..100, never negative, never over 100
  */
@@ -211,21 +211,6 @@ describe('readerPage factory', () => {
     expect(makeReader().chapters).toEqual([]);
   });
 
-  it('forgeUi returns false when store.flags is null', () => {
-    vi.mocked(Alpine.store).mockReturnValue(null);
-    const r = makeReader();
-    expect(r.forgeUi).toBe(false);
-  });
-
-  it('forgeUi returns true when $store.flags.forgeUi is true', () => {
-    vi.mocked(Alpine.store).mockImplementation((key: string) => {
-      if (key === 'flags') return { forgeUi: true };
-      return null;
-    });
-    const r = makeReader();
-    expect(r.forgeUi).toBe(true);
-  });
-
   it('toggleSidebar flips sidebarOpen', () => {
     const r = makeReader();
     expect(r.sidebarOpen).toBe(false);
diff --git a/web/js/app.ts b/web/js/app.ts
index 61e35a3e..80ada3a6 100644
--- a/web/js/app.ts
+++ b/web/js/app.ts
@@ -1,14 +1,13 @@
 /**
  * StoryForge — Alpine.js app bootstrap.
  *
- * Registers all Alpine stores (app, pipeline, settings, i18n, flags) and
+ * Registers all Alpine stores (app, pipeline, settings, i18n) and
  * kicks off initial data loads.
  *
  * Stores are defined in web/js/stores/ and imported here.
  * This file owns only the bootstrap wiring — store logic lives in stores/.
  */
 
-import { isForgeUiEnabled } from './feature-flags';
 import { registerStores } from './stores/index';
 import { forgeButton } from './components/ForgeButton';
 import { phaseTimeline } from './components/PhaseTimeline';
@@ -38,85 +37,75 @@ document.addEventListener('alpine:init', () => {
 
   Alpine.store('i18n', i18n);
 
-  // Feature flags store — read-only snapshot at boot time.
-  // To toggle at runtime use setForgeUiOverride() then reload.
-  const forgeUiOn = isForgeUiEnabled();
-  Alpine.store('flags', {
-    forgeUi: forgeUiOn,
-  });
-
   // Register app, pipeline, settings stores from stores/ modules.
   // Store keys ('app', 'pipeline', 'settings') and all field shapes are
   // identical to the original inline definitions — pure refactor, no behavior change.
   registerStores();
 
-  // Forge UI components — registered ONLY when the flag is on so the legacy
-  // surface stays byte-identical for everyone else. The components themselves
-  // are styled behind :root[data-forge-ui="on"] (see components.css), and the
-  // attribute below activates that gate.
-  if (forgeUiOn) {
-    // Day-2 components.
-    Alpine.data('forgeButton', forgeButton);
-    Alpine.data('phaseTimeline', phaseTimeline);
-    Alpine.data('genreOrb', genreOrb);
-
-    // Day-3 components — defined but not yet referenced by any template.
-    // Page integration ships in Day-4+ (library page redesign).
-    Alpine.data('configPanel', configPanel);
-    Alpine.data('storyCard', storyCard);
-    Alpine.data('toastItem', toastItem);
-
-    // M2 Day-2 — AgentBubble factory. Template integration arrives when the
-    // pipeline page binds sniffers (sse-sniffers.ts) to per-agent state.
-    Alpine.data('agentBubble', agentBubble);
-
-    // M2 Day-3 — QualityGauge factory. Binds to done.data.quality[] entries
-    // when the pipeline page is wired in Day-5.
-    Alpine.data('qualityGauge', qualityGauge);
-
-    // M2 Day-4 — CharacterGraph factory (d3-force + Canvas). Parent feeds
-    // characters[] and relationships[] derived via stores/character-edges.ts
-    // (co-occurrence heuristic, audit D2). Template wiring lands in Day-5.
-    Alpine.data('characterGraph', characterGraph);
-
-    // M3 BranchTree — Canvas-rendered branch tree replacing legacy SVG treeVisualizer.
-    // Registered here (flag-gated); branching page wires template behind x-if.
-    // Legacy treeVisualizer (tree-visualizer.ts) is untouched; both coexist.
-    Alpine.data('branchTree', branchTree);
-
-    // M3-tail: forgeBranchTreeMount — owns the fetch lifecycle for the BranchTree
-    // canvas. Parent branchReader passes its sessionId via x-effect setSession().
-    Alpine.data('forgeBranchTreeMount', forgeBranchTreeMount);
-
-    // M4-B2: forgeSettingsWizard — guided 3-step wizard for first-time users.
-    // Detects no-API-key state + sf:settings-wizard-dismissed localStorage flag.
-    Alpine.data('forgeSettingsWizard', forgeSettingsWizard);
-
-    // M4-B3: forgeExportCards — visual selectable format cards with slide-in
-    // config panel. Falls through to exportPage() methods for actual download.
-    Alpine.data('forgeExportCards', forgeExportCards);
-
-    // M2 Day-5 — theater store. Pipeline-page derived state populated by
-    // sniffers from the SSE log stream (see stores/pipeline.ts bridge).
-    // Components (AgentBubble / QualityGauge / CharacterGraph) bind here.
-    Alpine.store('theater', createTheaterStore());
-
-    // M3 Day-1 — reader store. Typography + bookmark prefs, hydrated from
-    // localStorage on construction. Consumed by the library reading surface
-    // when forge-ui is on; legacy reader is unaffected.
-    Alpine.store('reader', createReaderStore());
-
-    // Toast store — singleton stack consumed by the toast region template.
-    // attachToastHelper rebinds window.sfShowToast to the wider Forge
-    // signature (4 variants + optional duration). Legacy two-arg callers
-    // (error-boundary) keep working because the new function accepts both.
-    const toastStore = createToastStore();
-    Alpine.store('toasts', toastStore);
-    attachToastHelper(toastStore);
-
-    if (typeof document !== 'undefined' && document.documentElement) {
-      document.documentElement.setAttribute('data-forge-ui', 'on');
-    }
+  // Forge UI components — shipped on per CLAUDE.md §8 (STORYFORGE_FORGE_UI
+  // flag removed sprint perf/forge-shell-2). The components are styled behind
+  // :root[data-forge-ui="on"] (see components.css), and the attribute below
+  // activates that gate.
+
+  // Day-2 components.
+  Alpine.data('forgeButton', forgeButton);
+  Alpine.data('phaseTimeline', phaseTimeline);
+  Alpine.data('genreOrb', genreOrb);
+
+  // Day-3 components — defined but not yet referenced by any template.
+  // Page integration ships in Day-4+ (library page redesign).
+  Alpine.data('configPanel', configPanel);
+  Alpine.data('storyCard', storyCard);
+  Alpine.data('toastItem', toastItem);
+
+  // M2 Day-2 — AgentBubble factory. Template integration arrives when the
+  // pipeline page binds sniffers (sse-sniffers.ts) to per-agent state.
+  Alpine.data('agentBubble', agentBubble);
+
+  // M2 Day-3 — QualityGauge factory. Binds to done.data.quality[] entries
+  // when the pipeline page is wired in Day-5.
+  Alpine.data('qualityGauge', qualityGauge);
+
+  // M2 Day-4 — CharacterGraph factory (d3-force + Canvas). Parent feeds
+  // characters[] and relationships[] derived via stores/character-edges.ts
+  // (co-occurrence heuristic, audit D2). Template wiring lands in Day-5.
+  Alpine.data('characterGraph', characterGraph);
+
+  // M3 BranchTree — Canvas-rendered branch tree replacing legacy SVG treeVisualizer.
+  // Legacy treeVisualizer (tree-visualizer.ts) is untouched; both coexist.
+  Alpine.data('branchTree', branchTree);
+
+  // M3-tail: forgeBranchTreeMount — owns the fetch lifecycle for the BranchTree
+  // canvas. Parent branchReader passes its sessionId via x-effect setSession().
+  Alpine.data('forgeBranchTreeMount', forgeBranchTreeMount);
+
+  // M4-B2: forgeSettingsWizard — guided 3-step wizard for first-time users.
+  // Detects no-API-key state + sf:settings-wizard-dismissed localStorage flag.
+  Alpine.data('forgeSettingsWizard', forgeSettingsWizard);
+
+  // M4-B3: forgeExportCards — visual selectable format cards with slide-in
+  // config panel. Falls through to exportPage() methods for actual download.
+  Alpine.data('forgeExportCards', forgeExportCards);
+
+  // M2 Day-5 — theater store. Pipeline-page derived state populated by
+  // sniffers from the SSE log stream (see stores/pipeline.ts bridge).
+  // Components (AgentBubble / QualityGauge / CharacterGraph) bind here.
+  Alpine.store('theater', createTheaterStore());
+
+  // M3 Day-1 — reader store. Typography + bookmark prefs, hydrated from
+  // localStorage on construction.
+  Alpine.store('reader', createReaderStore());
+
+  // Toast store — singleton stack consumed by the toast region template.
+  // attachToastHelper rebinds window.sfShowToast to the wider Forge
+  // signature (4 variants + optional duration). Legacy two-arg callers
+  // (error-boundary) keep working because the new function accepts both.
+  const toastStore = createToastStore();
+  Alpine.store('toasts', toastStore);
+  attachToastHelper(toastStore);
+
+  if (typeof document !== 'undefined' && document.documentElement) {
+    document.documentElement.setAttribute('data-forge-ui', 'on');
   }
 
   // Init: load choices and config
diff --git a/web/js/components/BranchTree.ts b/web/js/components/BranchTree.ts
index 777bf2d6..5eac1a73 100644
--- a/web/js/components/BranchTree.ts
+++ b/web/js/components/BranchTree.ts
@@ -27,7 +27,7 @@
  *   - Tab cycles tree canvas → minimap → metadata panel (managed by tabIndex
  *     on the canvas elements; the component only sets/clears focus classes).
  *
- * Flag gate: this module is imported only when STORYFORGE_FORGE_UI is on.
+ * Imported unconditionally (Forge UI shipped on, STORYFORGE_FORGE_UI removed).
  *   The legacy treeVisualizer (tree-visualizer.ts) remains untouched.
  */
 
diff --git a/web/js/components/__tests__/BranchTree.test.ts b/web/js/components/__tests__/BranchTree.test.ts
index fcf1bdd8..67ce8935 100644
--- a/web/js/components/__tests__/BranchTree.test.ts
+++ b/web/js/components/__tests__/BranchTree.test.ts
@@ -15,7 +15,7 @@
  *   - navigateTo dispatches sf:branch-navigate DOM event
  *   - Reduced-motion path: settles synchronously, no rAF loop
  *   - init() creates simulation; destroy() stops it
- *   - Flag-gate: module importable without forgeUi flag (flag gate is in app.ts)
+ *   - Module importable as a plain Alpine.data factory (no flag gating)
  */
 
 import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
diff --git a/web/js/feature-flags.ts b/web/js/feature-flags.ts
deleted file mode 100644
index b2c6c52f..00000000
--- a/web/js/feature-flags.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-/**
- * feature-flags.ts — StoryForge feature flag resolution.
- *
- * Resolution order (highest priority first):
- *   1. window.__STORYFORGE_FLAGS__.forgeUi  (server/build-time injection)
- *   2. localStorage 'sf_forge_ui' === '1' / '0' (explicit user override)
- *   3. true                                  (default — Forge UI shipped sprint perf/forge-shell)
- *
- * Flag name: STORYFORGE_FORGE_UI
- * Status: shipped on (set default True). Per CLAUDE.md §8 the flag and its
- * dead-branch checks are scheduled for removal next sprint.
- */
-
-declare global {
-  interface Window {
-    __STORYFORGE_FLAGS__?: {
-      forgeUi?: boolean;
-      [key: string]: boolean | undefined;
-    };
-  }
-}
-
-/**
- * Returns true if the Forge UI redesign is enabled.
- *
- * Resolution order:
- *   1. window.__STORYFORGE_FLAGS__.forgeUi (server-injected)
- *   2. localStorage 'sf_forge_ui' — '1' enables, '0' opts out, anything else falls through
- *   3. true (default — shipped sprint perf/forge-shell)
- */
-export function isForgeUiEnabled(): boolean {
-  if (
-    typeof window !== 'undefined' &&
-    window.__STORYFORGE_FLAGS__ !== undefined &&
-    typeof window.__STORYFORGE_FLAGS__.forgeUi === 'boolean'
-  ) {
-    return window.__STORYFORGE_FLAGS__.forgeUi;
-  }
-
-  try {
-    if (typeof localStorage !== 'undefined') {
-      const override = localStorage.getItem('sf_forge_ui');
-      if (override === '1') return true;
-      if (override === '0') return false;
-    }
-  } catch (_) {
-    // localStorage may be unavailable (e.g. private browsing, SSR)
-  }
-
-  return true;
-}
-
-/**
- * Set or clear the localStorage override for the Forge UI flag.
- *
- * @param enabled - true → sets override to '1', false → sets override to '0',
- *                  null → clears the override (falls through to window global or default).
- */
-export function setForgeUiOverride(enabled: boolean | null): void {
-  try {
-    if (typeof localStorage === 'undefined') return;
-    if (enabled === null) {
-      localStorage.removeItem('sf_forge_ui');
-    } else {
-      localStorage.setItem('sf_forge_ui', enabled ? '1' : '0');
-    }
-  } catch (_) {
-    // localStorage may be unavailable
-  }
-}
diff --git a/web/js/pages/branching.ts b/web/js/pages/branching.ts
index b74ef85a..2bf2e8e0 100644
--- a/web/js/pages/branching.ts
+++ b/web/js/pages/branching.ts
@@ -365,12 +365,11 @@ function branchingPage() {
   };
 }
 
-// ── BranchTree forge integration (additive, behind STORYFORGE_FORGE_UI) ────
+// ── BranchTree forge integration ──────────────────────────────────────────
 //
-// When the Forge UI flag is on, the branching page template can mount a
-// <canvas x-data="branchTree(...)"> instead of (or alongside) the legacy
-// <div x-data="treeVisualizer"> SVG tree.  The template decides which to
-// show via  x-if="$store.flags.forgeUi".  Legacy SVG tree remains untouched.
+// The branching page template mounts a <canvas x-data="branchTree(...)">
+// alongside the legacy <div x-data="treeVisualizer"> SVG tree.  Both render;
+// the template decides which is shown.  Legacy SVG tree remains untouched.
 //
 // This helper converts the branch /tree API response (TreeApiResponse shape
 // from tree-visualizer.ts) into the flat BranchNode[] that BranchTree needs.
@@ -414,8 +413,8 @@ export function treeApiToBranchNodes(
  * forgeBranchTreeMount — Alpine.data factory that owns the data-fetch lifecycle
  * for the Forge BranchTree canvas component.
  *
- * Registered in app.ts inside the forgeUiOn block as Alpine.data('forgeBranchTreeMount', forgeBranchTreeMount).
- * The branching page template mounts this behind <template x-if="$store.flags?.forgeUi">.
+ * Registered in app.ts as Alpine.data('forgeBranchTreeMount', forgeBranchTreeMount).
+ * The branching page template mounts this directly (Forge UI shipped on).
  *
  * setSession(s) is called via x-effect whenever the parent branchReader's
  * sessionId changes. refresh() fetches /api/branch/:id/tree, converts the
diff --git a/web/js/pages/library.ts b/web/js/pages/library.ts
index 76a99828..2846663a 100644
--- a/web/js/pages/library.ts
+++ b/web/js/pages/library.ts
@@ -145,7 +145,7 @@ function libraryPage() {
     jumpDismissed: false as boolean,
 
     // Forge surface — view-mode toggle (Grid / List). Only used when the
-    // STORYFORGE_FORGE_UI flag is on; legacy list is unaffected.
+    // Forge UI is shipped on (legacy list removed sprint perf/forge-shell-2).
     viewMode: 'grid' as LibraryViewMode,
 
     // Computed: current view mode
diff --git a/web/js/pages/reader.ts b/web/js/pages/reader.ts
index 0a05a1d9..2917f302 100644
--- a/web/js/pages/reader.ts
+++ b/web/js/pages/reader.ts
@@ -1,15 +1,14 @@
 /**
  * Reader page — read generated story with chapter navigation.
  *
- * M3 additions (behind STORYFORGE_FORGE_UI flag):
+ * M3 features:
  *   - Chapter navigation sidebar (slide in/out, estimated reading time per chapter)
  *   - Reading progress bar (scroll position 0-100% of current chapter content)
  *   - Inline character portrait fade-in on first mention per chapter
  *   - Font-size toolbar wired to $store.reader (persists via localStorage)
  *
- * When forgeUi flag is OFF the function returns the original shape (backward-compat).
- * Alpine.store calls are wrapped in try/catch with silent no-ops so a missing store
- * never breaks the reader (mirrors M2 bridge pattern).
+ * Alpine.store calls are wrapped in try/catch with silent no-ops so a missing
+ * store never breaks the reader (mirrors M2 bridge pattern).
  */
 
 interface StoryData {
@@ -103,8 +102,8 @@ function readerPage() {
     chapter: 0,
 
     /**
-     * Legacy local fontSize — kept for flag-OFF backward compat.
-     * When forgeUi is ON, the toolbar drives $store.reader.fontSize instead.
+     * Legacy local fontSize — superseded by $store.reader.fontSize but kept
+     * as an init seed so the first paint is stable before the store mounts.
      */
     fontSize: 18,
 
@@ -152,17 +151,9 @@ function readerPage() {
       return chars.filter((c) => c.portrait_url ?? c.reference_url);
     },
 
-    /** Whether the Forge UI flag is enabled. */
-    get forgeUi(): boolean {
-      return storeGet(() => !!Alpine.store('flags')?.forgeUi, false);
-    },
-
-    /** Font size from store (if forgeUi) or legacy local field. */
+    /** Font size from store. */
     get activeFontSize(): number {
-      if (this.forgeUi) {
-        return storeGet(() => (Alpine.store('reader') as { fontSize: number }).fontSize, this.fontSize);
-      }
-      return this.fontSize;
+      return storeGet(() => (Alpine.store('reader') as { fontSize: number }).fontSize, this.fontSize);
     },
 
     /** Estimated read time for a chapter in minutes. */
@@ -177,19 +168,14 @@ function readerPage() {
         this.paragraphs = [];
         return;
       }
-      if (this.forgeUi) {
-        this.paragraphs = parsePortraitParagraphs(
-          ch.content,
-          this.story?.characters ?? [],
-        );
-      } else {
-        this.paragraphs = [];
-      }
+      this.paragraphs = parsePortraitParagraphs(
+        ch.content,
+        this.story?.characters ?? [],
+      );
     },
 
-    /** Scroll handler: update readingProgress (M3, forgeUi only). */
+    /** Scroll handler: update readingProgress (M3). */
     _onScroll(): void {
-      if (!this.forgeUi) return;
       const el = document.querySelector('[data-reader-content]') as HTMLElement | null;
       if (!el) return;
       const rect = el.getBoundingClientRect();
@@ -213,25 +199,23 @@ function readerPage() {
         this.reducedMotion = false;
       }
 
-      // Set up scroll listener for progress bar (forgeUi path).
-      if (this.forgeUi) {
-        const handler = () => { this._onScroll(); };
-        window.addEventListener('scroll', handler, { passive: true });
-        // Alpine.$watch is available on the component instance at runtime.
-        // Cast to any to avoid TS error in non-Alpine context.
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const self = this as any;
-        if (typeof self.$watch === 'function') {
-          self.$watch('chapter', () => {
-            this.readingProgress = 0;
-            this._rebuildParagraphs();
-            if (!this.reducedMotion) {
-              window.scrollTo({ top: 0, behavior: 'smooth' });
-            } else {
-              window.scrollTo(0, 0);
-            }
-          });
-        }
+      // Set up scroll listener for progress bar.
+      const handler = () => { this._onScroll(); };
+      window.addEventListener('scroll', handler, { passive: true });
+      // Alpine.$watch is available on the component instance at runtime.
+      // Cast to any to avoid TS error in non-Alpine context.
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const self = this as any;
+      if (typeof self.$watch === 'function') {
+        self.$watch('chapter', () => {
+          this.readingProgress = 0;
+          this._rebuildParagraphs();
+          if (!this.reducedMotion) {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+          } else {
+            window.scrollTo(0, 0);
+          }
+        });
       }
 
       this._rebuildParagraphs();
diff --git a/web/js/pages/settings.ts b/web/js/pages/settings.ts
index a937078e..d1b0a0bd 100644
--- a/web/js/pages/settings.ts
+++ b/web/js/pages/settings.ts
@@ -397,7 +397,7 @@ function settingsPage() {
   };
 }
 
-// ── Settings Guided Wizard (M4-B2, flag-gated behind STORYFORGE_FORGE_UI) ──
+// ── Settings Guided Wizard (M4-B2) ──
 //
 // First-time user heuristic: no API key configured AND no localStorage flag
 // `sf:settings-wizard-dismissed`. Three steps: pick provider → paste key →
diff --git a/web/js/stores/reader.ts b/web/js/stores/reader.ts
index 11f9a1f4..e40e95bc 100644
--- a/web/js/stores/reader.ts
+++ b/web/js/stores/reader.ts
@@ -1,7 +1,7 @@
 /**
  * reader store — Forge UI typography + bookmark state for the Reader surface.
  *
- * Singleton store registered as `$store.reader`, only when STORYFORGE_FORGE_UI
+ * Singleton store registered as `$store.reader` (Forge UI shipped on, STORYFORGE_FORGE_UI
  * is on. Pure presenter state — every field is hydrated from localStorage on
  * construction, and every setter persists back to localStorage immediately.
  *
diff --git a/web/tests/a11y/axe-live.spec.ts b/web/tests/a11y/axe-live.spec.ts
index e0a61092..1db5d581 100644
--- a/web/tests/a11y/axe-live.spec.ts
+++ b/web/tests/a11y/axe-live.spec.ts
@@ -63,7 +63,6 @@ function ensureReportsDir(): void {
 async function setTheme(page: Page, theme: 'light' | 'dark'): Promise<void> {
   await page.addInitScript((t: string) => {
     try { localStorage.setItem('sf_theme', t); } catch (_) {}
-    try { localStorage.setItem('STORYFORGE_FORGE_UI', '1'); } catch (_) {}
   }, theme);
 }