reviw 1.1.1 → 1.2.0

package/dist/server/server.js

@@ -1,10 +1,10 @@
 #!/usr/bin/env node
-import { dirname as dirname$2048, join as join$2031, resolve as resolve$2069, extname as extname$2057, basename as basename$2067 } from "node:path";
-import { spawnSync as spawnSync$2139, execSync as execSync$2104, spawn as spawn$2134 } from "node:child_process";
-import { createHash as createHash$2090 } from "node:crypto";
-import { createServer as createServer$2074 } from "node:http";
-import { tmpdir as tmpdir$2109, homedir as homedir$2036 } from "node:os";
-import { statSync as statSync$2154, unwatchFile as unwatchFile$2096, readdirSync as readdirSync$2119, existsSync as existsSync$2028, rmSync as rmSync$2128, mkdtempSync as mkdtempSync$2108, createReadStream as createReadStream$2158, writeFileSync as writeFileSync$2042, unlinkSync as unlinkSync$2044, readFileSync as readFileSync$2034, watchFile as watchFile$2194, mkdirSync as mkdirSync$2039 } from "node:fs";
+import { dirname as dirname$2163, join as join$2143, resolve as resolve$2182, extname as extname$2170, basename as basename$2180 } from "node:path";
+import { spawnSync as spawnSync$2259, execSync as execSync$2224, spawn as spawn$2254 } from "node:child_process";
+import { createHash as createHash$2206 } from "node:crypto";
+import { createServer as createServer$2187 } from "node:http";
+import { tmpdir as tmpdir$2229, homedir as homedir$2148 } from "node:os";
+import { statSync as statSync$2274, unwatchFile as unwatchFile$2212, readdirSync as readdirSync$2239, existsSync as existsSync$2140, rmSync as rmSync$2248, mkdtempSync as mkdtempSync$2228, createReadStream as createReadStream$2278, unlinkSync as unlinkSync$2156, writeFileSync as writeFileSync$2159, readFileSync as readFileSync$2146, watchFile as watchFile$2315, mkdirSync as mkdirSync$2151 } from "node:fs";
 class $PanicError extends Error {}
 function $panic() {
   throw new $PanicError();
@@ -61,13 +61,16 @@ const _M0FP36kazuph5reviw6server16get__script__dir = () => {
 };
 const _M0FP36kazuph5reviw6server13get__env__var = (name) => process.env[name] || "";
 const _M0FP36kazuph5reviw6server22mkdir__recursive__opts = () => ({ recursive: true });
+const _M0FP36kazuph5reviw6server15process__exists = (pid) => { try { process.kill(pid, 0); return true; } catch(e) { return false; } };
+const _M0FP36kazuph5reviw6server17try__call__string = (fn, fb) => { try { return fn(); } catch(e) { return fb; } };
+const _M0FP36kazuph5reviw6server12process__pid = () => process.pid;
 const _M0FP36kazuph5reviw6server12console__log = (msg) => console.log(msg);
 const _M0FP36kazuph5reviw6server9get__argv = () => process.argv;
 const _M0FP36kazuph5reviw6server20parse__json__version = (s) => { try { return JSON.parse(s).version || "unknown"; } catch { return "unknown"; } };
-const _M0FP36kazuph5reviw6server17try__call__string = (fn, fb) => { try { return fn(); } catch(e) { return fb; } };
 const _M0FP36kazuph5reviw6server14is__stdin__tty = () => process.stdin.isTTY || false;
 const _M0FP36kazuph5reviw6server19on__process__signal = (sig, handler) => process.on(sig, handler);
 const _M0FP36kazuph5reviw6server13process__exit = (code) => process.exit(code);
+const _M0FP36kazuph5reviw6server8js__null = () => null;
 const _M0FP36kazuph5reviw6server14decode__buffer = (buf, enc) => {
   try {
     if (enc === "utf-8" || enc === "utf8") return buf.toString("utf-8");
@@ -79,6 +82,9 @@ const _M0FP36kazuph5reviw6server10buffer__at = (buf, idx) => buf[idx];
 const _M0FP36kazuph5reviw6server14buffer__length = (buf) => buf.length;
 const _M0FP36kazuph5reviw6server9sse__send = (res, event, data) => res.write(`event: ${event}\ndata: ${data}\n\n`);
 const _M0FP36kazuph5reviw6server11error__code = (err) => err.code || "";
+const _M0FP36kazuph5reviw6server19json__parse__string = (key, s) => { try { return JSON.parse(s)[key] || ""; } catch(e) { return ""; } };
+const _M0FP36kazuph5reviw6server14clear__timeout = (timer) => { if (timer != null) clearTimeout(timer); };
+const _M0FP36kazuph5reviw6server15js__is__nullish = (value) => value == null;
 const _M0FP36kazuph5reviw6server20buffer__from__base64 = (data) => Buffer.from(data, "base64");
 const _M0FP36kazuph5reviw6server21extract__base64__data = (data) => {
   const m = data.match(/^data:image\/(\w+);base64,(.+)$/);
@@ -102,11 +108,11 @@ const _M0FP36kazuph5reviw6server28json__parse__mermaid__errors = (s) => {
     return (obj.mermaidErrors || []).map(e => [String(e.line || 0), e.message || ""]);
   } catch(e) { return []; }
 };
-const _M0FP36kazuph5reviw6server19json__parse__string = (key, s) => { try { return JSON.parse(s)[key] || ""; } catch(e) { return ""; } };
 const _M0FP36kazuph5reviw6server22process__stdout__write = (data) => process.stdout.write(data);
 const _M0FP36kazuph5reviw6server11chmod__sync = (path, mode) => { try { import("node:fs").then(fs => fs.chmodSync(path, mode)); } catch(e) {} };
 const _M0FP36kazuph5reviw6server27hash__update__digest__hex16 = (h, d) => h.update(d).digest("hex").slice(0, 16);
 const _M0FP36kazuph5reviw6server15try__call__void = (fn) => { try { fn(); } catch(e) {} };
+const _M0FP36kazuph5reviw6server12set__timeout = (cb, ms) => setTimeout(cb, ms);
 const _M0FP36kazuph5reviw6server15js__stdio__pipe = () => ({ stdio: "pipe" });
 const _M0FP36kazuph5reviw6server15try__call__bool = (fn) => { try { return fn(); } catch(e) { return false; } };
 const _M0FP36kazuph5reviw6server30on__spawn__close__with__stderr = (proc, handler) => {
@@ -190,146 +196,147 @@ const _M0FP36kazuph5reviw6server22child__spawn__detached = (cmd, args) => {
 };
 const _M0FP36kazuph5reviw6server13get__platform = () => process.platform;
 const _M0FP36kazuph5reviw6server21js__spawn__opts__utf8 = () => ({ encoding: "utf8", timeout: 3000 });
-const _M0FP36kazuph5reviw6server14server__listen = (server, port, cb) => server.listen(port, "127.0.0.1", cb);
+const _M0FP36kazuph5reviw6server14server__listen = (server, port, host, cb) => server.listen(port, host, cb);
 const _M0FP36kazuph5reviw6server17server__on__error = (server, cb) => server.on("error", cb);
 const _M0FP36kazuph5reviw6server13set__interval = (cb, ms) => setInterval(cb, ms);
 const _M0FP095_40moonbitlang_2fcore_2fbuiltin_2eStringBuilder_24as_24_40moonbitlang_2fcore_2fbuiltin_2eLogger = { method_0: _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string, method_1: _M0IP016_24default__implP311moonbitlang4core7builtin6Logger16write__substringGRP311moonbitlang4core7builtin13StringBuilderE, method_2: _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger11write__view, method_3: _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger11write__char };
-const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c656 = ":";
-const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c657 = "#";
-const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c658 = "'";
-const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c659 = "\"";
-const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c660 = "\n";
-const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c661 = "[";
-const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c662 = "]";
-const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c663 = "{";
-const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c664 = "}";
-const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c665 = ",";
-const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c666 = "&";
-const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c667 = "*";
-const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c668 = "!";
-const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c669 = "|";
-const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c670 = ">";
-const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c671 = "%";
-const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c672 = "@";
-const _M0FP36kazuph5reviw4core32split__to__lines_2e_2abind_7c701 = "\n";
-const _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c714 = "- ";
-const _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c715 = "    -";
-const _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c716 = "      ";
-const _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c717 = "    ";
-const _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c719 = "- ";
-const _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c720 = "        ";
-const _M0FP36kazuph5reviw4core39parse__reviw__questions_2e_2abind_7c724 = "- ";
-const _M0FP36kazuph5reviw4core39parse__reviw__questions_2e_2abind_7c725 = "  ";
-const _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c740 = "<details";
-const _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c741 = "<div";
-const _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c742 = "<section";
-const _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c743 = "<article";
-const _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c744 = "<aside";
-const _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c745 = "<nav";
-const _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c746 = "<header";
-const _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c747 = "<footer";
-const _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c749 = "#";
-const _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c750 = "```";
-const _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c751 = ">";
-const _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c752 = "- ";
-const _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c753 = "* ";
-const _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c754 = "<";
-const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c755 = "graph ";
-const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c756 = "flowchart ";
-const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c757 = "sequenceDiagram";
-const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c758 = "classDiagram";
-const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c759 = "stateDiagram";
-const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c760 = "erDiagram";
-const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c761 = "journey";
-const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c762 = "gantt";
-const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c763 = "pie";
-const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c764 = "gitGraph";
-const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c765 = "mindmap";
-const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c766 = "timeline";
-const _M0FP36kazuph5reviw4core36is__table__separator_2e_2abind_7c767 = "|";
-const _M0FP36kazuph5reviw4core36is__table__separator_2e_2abind_7c768 = "-";
-const _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c781 = "|";
+const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c657 = ":";
+const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c658 = "#";
+const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c659 = "'";
+const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c660 = "\"";
+const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c661 = "\n";
+const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c662 = "[";
+const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c663 = "]";
+const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c664 = "{";
+const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c665 = "}";
+const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c666 = ",";
+const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c667 = "&";
+const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c668 = "*";
+const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c669 = "!";
+const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c670 = "|";
+const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c671 = ">";
+const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c672 = "%";
+const _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c673 = "@";
+const _M0FP36kazuph5reviw4core32split__to__lines_2e_2abind_7c702 = "\n";
+const _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c715 = "- ";
+const _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c716 = "    -";
+const _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c717 = "      ";
+const _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c718 = "    ";
+const _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c720 = "- ";
+const _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c721 = "        ";
+const _M0FP36kazuph5reviw4core39parse__reviw__questions_2e_2abind_7c725 = "- ";
+const _M0FP36kazuph5reviw4core39parse__reviw__questions_2e_2abind_7c726 = "  ";
+const _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c741 = "<details";
+const _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c742 = "<div";
+const _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c743 = "<section";
+const _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c744 = "<article";
+const _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c745 = "<aside";
+const _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c746 = "<nav";
+const _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c747 = "<header";
+const _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c748 = "<footer";
+const _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c750 = "#";
+const _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c751 = "```";
+const _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c752 = ">";
+const _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c753 = "- ";
+const _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c754 = "* ";
+const _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c755 = "<";
+const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c756 = "graph ";
+const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c757 = "flowchart ";
+const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c758 = "sequenceDiagram";
+const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c759 = "classDiagram";
+const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c760 = "stateDiagram";
+const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c761 = "erDiagram";
+const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c762 = "journey";
+const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c763 = "gantt";
+const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c764 = "pie";
+const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c765 = "gitGraph";
+const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c766 = "mindmap";
+const _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c767 = "timeline";
+const _M0FP36kazuph5reviw4core36is__table__separator_2e_2abind_7c768 = "|";
+const _M0FP36kazuph5reviw4core36is__table__separator_2e_2abind_7c769 = "-";
 const _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c782 = "|";
 const _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c783 = "|";
-const _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c780 = "|";
-const _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c784 = ".mp4";
-const _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c785 = ".webm";
-const _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c786 = ".mov";
-const _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c787 = ".avi";
-const _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c788 = ".mkv";
-const _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c789 = ".m4v";
-const _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c790 = ".ogv";
-const _M0FP36kazuph5reviw4core30render__inline_2e_2abind_7c796 = "javascript:";
-const _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c809 = "expression(";
-const _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c810 = "url(";
-const _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c811 = "-moz-binding";
-const _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c812 = "behavior:";
-const _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c813 = "behaviour:";
-const _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c814 = "javascript:";
-const _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c815 = "vbscript:";
-const _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c816 = "@import";
-const _M0FP36kazuph5reviw4core40is__event__handler__attr_2e_2abind_7c817 = "on";
-const _M0FP36kazuph5reviw4core29is__safe__url_2e_2abind_7c818 = "javascript:";
-const _M0FP36kazuph5reviw4core29is__safe__url_2e_2abind_7c819 = "data:text/html";
-const _M0FP36kazuph5reviw4core30sanitize__html_2e_2abind_7c835 = ">";
-const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c837 = "<";
-const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c839 = "<summary>";
-const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c840 = "</details>";
-const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c842 = "</details>";
-const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c843 = "<details";
-const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c847 = "#";
-const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c848 = "```";
-const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c850 = "```";
-const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c851 = ">";
-const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c853 = ">";
-const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c856 = "- ";
-const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c857 = "* ";
-const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c862 = "- ";
-const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c863 = "* ";
-const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c859 = "[ ] ";
-const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c860 = "[x] ";
-const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c861 = "[X] ";
-const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c870 = "|";
-const _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c955 = "@@ ";
-const _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c957 = "@@ ";
-const _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c958 = "diff ";
-const _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c959 = "--- ";
-const _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c960 = "+";
-const _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c961 = "-";
-const _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c962 = " ";
-const _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c963 = "diff ";
-const _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c964 = "--- ";
-const _M0FP36kazuph5reviw4core35strip__diff__prefix_2e_2abind_7c966 = "a/";
-const _M0FP36kazuph5reviw4core35strip__diff__prefix_2e_2abind_7c967 = "b/";
-const _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c969 = "diff --git ";
-const _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c971 = "new file mode";
-const _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c972 = "deleted file mode";
-const _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c973 = "Binary files";
-const _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c974 = "index ";
-const _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c975 = "--- ";
-const _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c976 = "+++ ";
-const _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c977 = "--- ";
-const _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c978 = "+++ ";
+const _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c784 = "|";
+const _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c781 = "|";
+const _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c785 = ".mp4";
+const _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c786 = ".webm";
+const _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c787 = ".mov";
+const _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c788 = ".avi";
+const _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c789 = ".mkv";
+const _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c790 = ".m4v";
+const _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c791 = ".ogv";
+const _M0FP36kazuph5reviw4core30render__inline_2e_2abind_7c797 = "javascript:";
+const _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c810 = "expression(";
+const _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c811 = "url(";
+const _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c812 = "-moz-binding";
+const _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c813 = "behavior:";
+const _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c814 = "behaviour:";
+const _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c815 = "javascript:";
+const _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c816 = "vbscript:";
+const _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c817 = "@import";
+const _M0FP36kazuph5reviw4core40is__event__handler__attr_2e_2abind_7c818 = "on";
+const _M0FP36kazuph5reviw4core29is__safe__url_2e_2abind_7c819 = "javascript:";
+const _M0FP36kazuph5reviw4core29is__safe__url_2e_2abind_7c820 = "data:text/html";
+const _M0FP36kazuph5reviw4core30sanitize__html_2e_2abind_7c836 = ">";
+const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c838 = "<";
+const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c840 = "<summary>";
+const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c841 = "</details>";
+const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c843 = "</details>";
+const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c844 = "<details";
+const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c848 = "#";
+const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c849 = "```";
+const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c851 = "```";
+const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c852 = ">";
+const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c854 = ">";
+const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c857 = "- ";
+const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c858 = "* ";
+const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c863 = "- ";
+const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c864 = "* ";
+const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c860 = "[ ] ";
+const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c861 = "[x] ";
+const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c862 = "[X] ";
+const _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c871 = "|";
+const _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c956 = "@@ ";
+const _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c958 = "@@ ";
+const _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c959 = "diff ";
+const _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c960 = "--- ";
+const _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c961 = "+";
+const _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c962 = "-";
+const _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c963 = " ";
+const _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c964 = "diff ";
+const _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c965 = "--- ";
+const _M0FP36kazuph5reviw4core35strip__diff__prefix_2e_2abind_7c967 = "a/";
+const _M0FP36kazuph5reviw4core35strip__diff__prefix_2e_2abind_7c968 = "b/";
+const _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c970 = "diff --git ";
+const _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c972 = "new file mode";
+const _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c973 = "deleted file mode";
+const _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c974 = "Binary files";
+const _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c975 = "index ";
+const _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c976 = "--- ";
+const _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c977 = "+++ ";
+const _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c978 = "--- ";
+const _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c979 = "+++ ";
 const _M0FP36kazuph5reviw6server15active__servers = [];
 const _M0FP36kazuph5reviw6server12all__results = [];
-const _M0FP36kazuph5reviw6server26print__usage_2eusage_7c409 = "Usage: reviw <file...> [options]\n\nOptions:\n  --port <n>        Base port (default: 4989)\n  --no-open         Don't open browser\n  -e, --encoding <enc>  Force encoding (e.g. shift-jis, euc-jp)\n  -h, --help        Show help\n  -v, --version     Show version\n\nSupported formats: CSV, TSV, Markdown, Diff, Plain text\nPipe stdin for diff: git diff | reviw";
-const _M0FP36kazuph5reviw6server28detect__mode_2e_2abind_7c455 = ".";
-const _M0FP36kazuph5reviw6server39handle__video__timeline_2e_2abind_7c488 = "..";
-const _M0FP36kazuph5reviw6server39handle__video__timeline_2e_2abind_7c491 = "scene_";
-const _M0FP36kazuph5reviw6server39handle__video__timeline_2e_2abind_7c492 = ".jpg";
-const _M0FP36kazuph5reviw6server35serve__static__file_2e_2abind_7c521 = "/";
-const _M0FP36kazuph5reviw6server35serve__static__file_2e_2abind_7c519 = "..";
-const _M0FP36kazuph5reviw6server35serve__static__file_2e_2abind_7c520 = "video/";
-const _M0FP36kazuph5reviw6server41serve__static__file__head_2e_2abind_7c523 = "/";
-const _M0FP36kazuph5reviw6server41serve__static__file__head_2e_2abind_7c522 = "..";
-const _M0FP36kazuph5reviw6server31handle__request_2e_2abind_7c524 = "/video-timeline?";
-const _M0FP36kazuph5reviw6server44try__activate__existing__tab_2e_2abind_7c525 = "true";
-const _M0FP36kazuph5reviw6server44try__activate__existing__tab_2e_2abind_7c526 = "true";
-const _M0FP36kazuph5reviw6server26_2ainit_2a_2e_2abind_7c536 = "-";
+const _M0FP36kazuph5reviw6server26print__usage_2eusage_7c449 = "Usage: reviw <file...> [options]\n\nOptions:\n  --port <n>        Base port (default: 4989)\n  --host <addr>     Bind address (default: 127.0.0.1, use 0.0.0.0 for remote)\n  --no-open         Don't open browser\n  -e, --encoding <enc>  Force encoding (e.g. shift-jis, euc-jp)\n  -h, --help        Show help\n  -v, --version     Show version\n\nSupported formats: CSV, TSV, Markdown, Diff, Plain text\nPipe stdin for diff: git diff | reviw";
+const _M0FP36kazuph5reviw6server28detect__mode_2e_2abind_7c497 = ".";
+const _M0FP36kazuph5reviw6server39handle__video__timeline_2e_2abind_7c539 = "..";
+const _M0FP36kazuph5reviw6server39handle__video__timeline_2e_2abind_7c542 = "scene_";
+const _M0FP36kazuph5reviw6server39handle__video__timeline_2e_2abind_7c543 = ".jpg";
+const _M0FP36kazuph5reviw6server35serve__static__file_2e_2abind_7c572 = "/";
+const _M0FP36kazuph5reviw6server35serve__static__file_2e_2abind_7c570 = "..";
+const _M0FP36kazuph5reviw6server35serve__static__file_2e_2abind_7c571 = "video/";
+const _M0FP36kazuph5reviw6server41serve__static__file__head_2e_2abind_7c574 = "/";
+const _M0FP36kazuph5reviw6server41serve__static__file__head_2e_2abind_7c573 = "..";
+const _M0FP36kazuph5reviw6server31handle__request_2e_2abind_7c575 = "/video-timeline?";
+const _M0FP36kazuph5reviw6server44try__activate__existing__tab_2e_2abind_7c576 = "true";
+const _M0FP36kazuph5reviw6server44try__activate__existing__tab_2e_2abind_7c577 = "true";
+const _M0FP36kazuph5reviw6server26_2ainit_2a_2e_2abind_7c589 = "-";
 const _M0FP36kazuph5reviw6server15expected__count = _M0MP311moonbitlang4core3ref3Ref3newGiE(0);
 const _M0FP36kazuph5reviw6server18encoding__override = _M0MP311moonbitlang4core3ref3Ref3newGsE("");
-const _M0FP311moonbitlang4core7builtin33brute__force__find_2econstr_2f244 = 0;
-const _M0FP311moonbitlang4core7builtin43boyer__moore__horspool__find_2econstr_2f230 = 0;
+const _M0FP311moonbitlang4core7builtin33brute__force__find_2econstr_2f247 = 0;
+const _M0FP311moonbitlang4core7builtin43boyer__moore__horspool__find_2econstr_2f233 = 0;
+const _M0FP36kazuph5reviw6server10bind__host = _M0MP311moonbitlang4core3ref3Ref3newGsE("127.0.0.1");
 const _M0FP36kazuph5reviw6server13ui__js__cache = _M0MP311moonbitlang4core3ref3Ref3newGsE("");
 const _M0FP311moonbitlang4core7builtin4seed = _M0FP311moonbitlang4core7builtin12random__seed();
 const _M0FP36kazuph5reviw4core16heading__counter = _M0MP311moonbitlang4core3ref3Ref3newGiE(0);
@@ -339,6 +346,9 @@ function _M0FP311moonbitlang4core5abort5abortGRP311moonbitlang4core6string10Stri
 function _M0FP311moonbitlang4core5abort5abortGRP36kazuph5reviw6server7JsValueE(msg) {
   return $panic();
 }
+function _M0FP311moonbitlang4core5abort5abortGsE(msg) {
+  return $panic();
+}
 function _M0MP311moonbitlang4core7builtin6Hasher8consume4(self, input) {
   const _p = (self.acc >>> 0) + ((Math.imul(input, -1028477379) | 0) >>> 0) | 0;
   const _p$2 = 17;
@@ -354,6 +364,9 @@ function _M0FP311moonbitlang4core7builtin5abortGRP311moonbitlang4core6string10St
 function _M0FP311moonbitlang4core7builtin5abortGRP36kazuph5reviw6server7JsValueE(string, loc) {
   return _M0FP311moonbitlang4core5abort5abortGRP36kazuph5reviw6server7JsValueE(`${string}\n  at ${_M0IP016_24default__implP311moonbitlang4core7builtin4Show10to__stringGRP311moonbitlang4core7builtin9SourceLocE(loc)}\n`);
 }
+function _M0FP311moonbitlang4core7builtin5abortGsE(string, loc) {
+  return _M0FP311moonbitlang4core5abort5abortGsE(`${string}\n  at ${_M0IP016_24default__implP311moonbitlang4core7builtin4Show10to__stringGRP311moonbitlang4core7builtin9SourceLocE(loc)}\n`);
+}
 function _M0MP311moonbitlang4core7builtin13StringBuilder11new_2einner(size_hint) {
   return { val: "" };
 }
@@ -1176,7 +1189,7 @@ function _M0FP311moonbitlang4core7builtin28boyer__moore__horspool__find(haystack
       return undefined;
     }
   } else {
-    return _M0FP311moonbitlang4core7builtin43boyer__moore__horspool__find_2econstr_2f230;
+    return _M0FP311moonbitlang4core7builtin43boyer__moore__horspool__find_2econstr_2f233;
   }
 }
 function _M0FP311moonbitlang4core7builtin18brute__force__find(haystack, needle) {
@@ -1235,7 +1248,7 @@ function _M0FP311moonbitlang4core7builtin18brute__force__find(haystack, needle)
       return undefined;
     }
   } else {
-    return _M0FP311moonbitlang4core7builtin33brute__force__find_2econstr_2f244;
+    return _M0FP311moonbitlang4core7builtin33brute__force__find_2econstr_2f247;
   }
 }
 function _M0MP311moonbitlang4core6string10StringView4find(self, str) {
@@ -1778,6 +1791,124 @@ function _M0MP311moonbitlang4core7builtin3Map11from__arrayGssE(arr) {
   }
   return m;
 }
+function _M0MP311moonbitlang4core7builtin3Map3getGssE(self, key) {
+  const hash = _M0IP016_24default__implP311moonbitlang4core7builtin4Hash4hashGsE(key);
+  let _tmp = 0;
+  let _tmp$2 = hash & self.capacity_mask;
+  while (true) {
+    const i = _tmp;
+    const idx = _tmp$2;
+    const _tmp$3 = self.entries;
+    $bound_check(_tmp$3, idx);
+    const _bind = _tmp$3[idx];
+    if (_bind === undefined) {
+      return undefined;
+    } else {
+      const _Some = _bind;
+      const _entry = _Some;
+      if (_entry.hash === hash && _entry.key === key) {
+        return _entry.value;
+      }
+      if (i > _entry.psl) {
+        return undefined;
+      }
+      _tmp = i + 1 | 0;
+      _tmp$2 = idx + 1 & self.capacity_mask;
+      continue;
+    }
+  }
+}
+function _M0MP311moonbitlang4core7builtin3Map13remove__entryGssE(self, entry) {
+  const _bind = entry.prev;
+  if (_bind === -1) {
+    self.head = entry.next;
+  } else {
+    const _tmp = self.entries;
+    $bound_check(_tmp, _bind);
+    const _p = _tmp[_bind];
+    let _tmp$2;
+    if (_p === undefined) {
+      _tmp$2 = $panic();
+    } else {
+      const _p$2 = _p;
+      _tmp$2 = _p$2;
+    }
+    _tmp$2.next = entry.next;
+  }
+  const _bind$2 = entry.next;
+  if (_bind$2 === undefined) {
+    self.tail = entry.prev;
+    return;
+  } else {
+    const _Some = _bind$2;
+    const _next = _Some;
+    _next.prev = entry.prev;
+    return;
+  }
+}
+function _M0MP311moonbitlang4core7builtin3Map11shift__backGssE(self, idx) {
+  let _tmp = idx;
+  while (true) {
+    const idx$2 = _tmp;
+    const next = idx$2 + 1 & self.capacity_mask;
+    _L: {
+      const _tmp$2 = self.entries;
+      $bound_check(_tmp$2, next);
+      const _bind = _tmp$2[next];
+      if (_bind === undefined) {
+        break _L;
+      } else {
+        const _Some = _bind;
+        const _x = _Some;
+        const _x$2 = _x.psl;
+        if (_x$2 === 0) {
+          break _L;
+        } else {
+          _x.psl = _x.psl - 1 | 0;
+          _M0MP311moonbitlang4core7builtin3Map10set__entryGssE(self, _x, idx$2);
+          _tmp = next;
+          continue;
+        }
+      }
+    }
+    const _tmp$2 = self.entries;
+    $bound_check(_tmp$2, idx$2);
+    _tmp$2[idx$2] = undefined;
+    return;
+  }
+}
+function _M0MP311moonbitlang4core7builtin3Map18remove__with__hashGssE(self, key, hash) {
+  let _tmp = 0;
+  let _tmp$2 = hash & self.capacity_mask;
+  while (true) {
+    const i = _tmp;
+    const idx = _tmp$2;
+    const _tmp$3 = self.entries;
+    $bound_check(_tmp$3, idx);
+    const _bind = _tmp$3[idx];
+    if (_bind === undefined) {
+      break;
+    } else {
+      const _Some = _bind;
+      const _entry = _Some;
+      if (_entry.hash === hash && _entry.key === key) {
+        _M0MP311moonbitlang4core7builtin3Map13remove__entryGssE(self, _entry);
+        _M0MP311moonbitlang4core7builtin3Map11shift__backGssE(self, idx);
+        self.size = self.size - 1 | 0;
+        break;
+      }
+      if (i > _entry.psl) {
+        break;
+      }
+      _tmp = i + 1 | 0;
+      _tmp$2 = idx + 1 & self.capacity_mask;
+      continue;
+    }
+  }
+}
+function _M0MP311moonbitlang4core7builtin3Map6removeGssE(self, key) {
+  _M0MP311moonbitlang4core7builtin3Map18remove__with__hashGssE(self, key, _M0IP016_24default__implP311moonbitlang4core7builtin4Hash4hashGsE(key));
+}
 function _M0MP311moonbitlang4core7builtin5Iter24nextGicE(self) {
   return _M0MP311moonbitlang4core7builtin4Iter4nextGUicEE(self);
 }
@@ -1944,6 +2075,16 @@ function _M0MP311moonbitlang4core5array5Array6removeGRP36kazuph5reviw6server7JsV
     return _M0FP311moonbitlang4core7builtin5abortGRP36kazuph5reviw6server7JsValueE(`index out of bounds: the len is from 0 to ${_M0IP016_24default__implP311moonbitlang4core7builtin4Show10to__stringGiE(self.length)} but the index is ${_M0IP016_24default__implP311moonbitlang4core7builtin4Show10to__stringGiE(index)}`, "@moonbitlang/core/builtin:arraycore_js.mbt:251:5-253:6");
   }
 }
+function _M0MP311moonbitlang4core5array5Array6removeGsE(self, index) {
+  if (index >= 0 && index < self.length) {
+    $bound_check(self, index);
+    const value = self[index];
+    _M0MP311moonbitlang4core7builtin7JSArray6splice(self, index, 1);
+    return value;
+  } else {
+    return _M0FP311moonbitlang4core7builtin5abortGsE(`index out of bounds: the len is from 0 to ${_M0IP016_24default__implP311moonbitlang4core7builtin4Show10to__stringGiE(self.length)} but the index is ${_M0IP016_24default__implP311moonbitlang4core7builtin4Show10to__stringGiE(index)}`, "@moonbitlang/core/builtin:arraycore_js.mbt:251:5-253:6");
+  }
+}
 function _M0MP311moonbitlang4core5array5Array4copyGsE(self) {
   return _M0MP311moonbitlang4core7builtin7JSArray4copy(self);
 }
@@ -1956,38 +2097,38 @@ function _M0MP311moonbitlang4core3ref3Ref3newGsE(x) {
 function _M0MP311moonbitlang4core3ref3Ref3newGiE(x) {
   return { val: x };
 }
-function _M0IP36kazuph5reviw4core8FileModeP311moonbitlang4core7builtin2Eq5equal(_x_570, _x_571) {
-  switch (_x_570) {
+function _M0IP36kazuph5reviw4core8FileModeP311moonbitlang4core7builtin2Eq5equal(_x_571, _x_572) {
+  switch (_x_571) {
     case 0: {
-      if (_x_571 === 0) {
+      if (_x_572 === 0) {
         return true;
       } else {
         return false;
       }
     }
     case 1: {
-      if (_x_571 === 1) {
+      if (_x_572 === 1) {
         return true;
       } else {
         return false;
       }
     }
     case 2: {
-      if (_x_571 === 2) {
+      if (_x_572 === 2) {
         return true;
       } else {
         return false;
       }
     }
     case 3: {
-      if (_x_571 === 3) {
+      if (_x_572 === 3) {
         return true;
       } else {
         return false;
       }
     }
     default: {
-      if (_x_571 === 4) {
+      if (_x_572 === 4) {
         return true;
       } else {
         return false;
@@ -1996,7 +2137,7 @@ function _M0IP36kazuph5reviw4core8FileModeP311moonbitlang4core7builtin2Eq5equal(
   }
 }
 function _M0FP36kazuph5reviw4core20yaml__escape__string(s) {
-  const needs_quote = _M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c656, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c656.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c657, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c657.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c658, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c658.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c659, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c659.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c660, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c660.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c661, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c661.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c662, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c662.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c663, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c663.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c664, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c664.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c665, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c665.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c666, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c666.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c667, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c667.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c668, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c668.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c669, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c669.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c670, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c670.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c671, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c671.length }) || _M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c672, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c672.length }))))))))))))))));
+  const needs_quote = _M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c657, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c657.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c658, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c658.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c659, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c659.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c660, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c660.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c661, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c661.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c662, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c662.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c663, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c663.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c664, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c664.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c665, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c665.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c666, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c666.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c667, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c667.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c668, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c668.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c669, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c669.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c670, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c670.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c671, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c671.length }) || (_M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c672, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c672.length }) || _M0MP311moonbitlang4core6string6String8contains(s, { str: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c673, start: 0, end: _M0FP36kazuph5reviw4core36yaml__escape__string_2e_2abind_7c673.length }))))))))))))))));
   if (needs_quote) {
     const buf = _M0MP311moonbitlang4core7builtin13StringBuilder11new_2einner(0);
     _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger11write__char(buf, 39);
@@ -2257,7 +2398,7 @@ function _M0FP36kazuph5reviw4core16parse__int__safe(s) {
 }
 function _M0FP36kazuph5reviw4core16split__to__lines(input) {
   const result = [];
-  const _it = _M0MP311moonbitlang4core6string6String5split(input, { str: _M0FP36kazuph5reviw4core32split__to__lines_2e_2abind_7c701, start: 0, end: _M0FP36kazuph5reviw4core32split__to__lines_2e_2abind_7c701.length });
+  const _it = _M0MP311moonbitlang4core6string6String5split(input, { str: _M0FP36kazuph5reviw4core32split__to__lines_2e_2abind_7c702, start: 0, end: _M0FP36kazuph5reviw4core32split__to__lines_2e_2abind_7c702.length });
   while (true) {
     const _bind = _M0MP311moonbitlang4core7builtin4Iter4nextGRP311moonbitlang4core6string10StringViewE(_it);
     if (_bind === undefined) {
@@ -2358,12 +2499,12 @@ function _M0FP36kazuph5reviw4core4trim(s) {
     return "";
   }
   const buf = _M0MP311moonbitlang4core7builtin13StringBuilder11new_2einner(0);
-  const _start453 = start;
-  const _end454 = end;
-  let _tmp = _start453;
+  const _start454 = start;
+  const _end455 = end;
+  let _tmp = _start454;
   while (true) {
     const i = _tmp;
-    if (i <= _end454) {
+    if (i <= _end455) {
       _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger11write__char(buf, _M0MP311moonbitlang4core5array5Array2atGcE(chars, i));
       _tmp = i + 1 | 0;
       continue;
@@ -2403,10 +2544,10 @@ function _M0FP36kazuph5reviw4core23parse__single__question(lines, start, end) {
     if (i < end) {
       const line = _M0MP311moonbitlang4core5array5Array2atGsE(lines, i);
       const trimmed = _M0FP36kazuph5reviw4core4trim(line);
-      if (_M0MP311moonbitlang4core6string6String11has__prefix(trimmed, { str: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c714, start: 0, end: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c714.length }) && _M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c715, start: 0, end: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c715.length })) {
+      if (_M0MP311moonbitlang4core6string6String11has__prefix(trimmed, { str: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c715, start: 0, end: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c715.length }) && _M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c716, start: 0, end: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c716.length })) {
         break;
       }
-      if (trimmed.length === 0 || !_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c716, start: 0, end: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c716.length }) && !_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c717, start: 0, end: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c717.length })) {
+      if (trimmed.length === 0 || !_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c717, start: 0, end: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c717.length }) && !_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c718, start: 0, end: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c718.length })) {
         break;
       }
       const content_colon = _M0FP36kazuph5reviw4core15index__of__char(trimmed, 58);
@@ -2431,7 +2572,7 @@ function _M0FP36kazuph5reviw4core23parse__single__question(lines, start, end) {
             if (i < end) {
               const opt_line = _M0MP311moonbitlang4core5array5Array2atGsE(lines, i);
               const opt_trimmed = _M0FP36kazuph5reviw4core4trim(opt_line);
-              if (_M0MP311moonbitlang4core6string6String11has__prefix(opt_trimmed, { str: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c719, start: 0, end: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c719.length }) && _M0MP311moonbitlang4core6string6String11has__prefix(opt_line, { str: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c720, start: 0, end: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c720.length })) {
+              if (_M0MP311moonbitlang4core6string6String11has__prefix(opt_trimmed, { str: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c720, start: 0, end: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c720.length }) && _M0MP311moonbitlang4core6string6String11has__prefix(opt_line, { str: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c721, start: 0, end: _M0FP36kazuph5reviw4core39parse__single__question_2e_2abind_7c721.length })) {
                 _M0MP311moonbitlang4core5array5Array4pushGsE(options, _M0FP36kazuph5reviw4core4trim(_M0FP36kazuph5reviw4core11safe__slice(opt_trimmed, 2)));
                 i = i + 1 | 0;
               } else {
@@ -2471,12 +2612,12 @@ function _M0FP36kazuph5reviw4core23parse__reviw__questions(lines, start, end) {
                 if (i < end) {
                   const item_line = _M0MP311moonbitlang4core5array5Array2atGsE(lines, i);
                   const trimmed = _M0FP36kazuph5reviw4core4trim(item_line);
-                  if (_M0MP311moonbitlang4core6string6String11has__prefix(trimmed, { str: _M0FP36kazuph5reviw4core39parse__reviw__questions_2e_2abind_7c724, start: 0, end: _M0FP36kazuph5reviw4core39parse__reviw__questions_2e_2abind_7c724.length })) {
+                  if (_M0MP311moonbitlang4core6string6String11has__prefix(trimmed, { str: _M0FP36kazuph5reviw4core39parse__reviw__questions_2e_2abind_7c725, start: 0, end: _M0FP36kazuph5reviw4core39parse__reviw__questions_2e_2abind_7c725.length })) {
                     const q = _M0FP36kazuph5reviw4core23parse__single__question(lines, i, end);
                     _M0MP311moonbitlang4core5array5Array4pushGRP36kazuph5reviw4core13ReviwQuestionE(questions, q._0);
                     i = q._1;
                   } else {
-                    if (trimmed.length === 0 || !_M0MP311moonbitlang4core6string6String11has__prefix(item_line, { str: _M0FP36kazuph5reviw4core39parse__reviw__questions_2e_2abind_7c725, start: 0, end: _M0FP36kazuph5reviw4core39parse__reviw__questions_2e_2abind_7c725.length })) {
+                    if (trimmed.length === 0 || !_M0MP311moonbitlang4core6string6String11has__prefix(item_line, { str: _M0FP36kazuph5reviw4core39parse__reviw__questions_2e_2abind_7c726, start: 0, end: _M0FP36kazuph5reviw4core39parse__reviw__questions_2e_2abind_7c726.length })) {
                       break;
                     } else {
                       i = i + 1 | 0;
@@ -2626,7 +2767,7 @@ function _M0FP36kazuph5reviw4core20is__horizontal__rule(line) {
 }
 function _M0FP36kazuph5reviw4core22is__html__block__start(line) {
   const t = _M0FP36kazuph5reviw4core4trim(line);
-  return _M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c740, start: 0, end: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c740.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c741, start: 0, end: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c741.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c742, start: 0, end: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c742.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c743, start: 0, end: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c743.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c744, start: 0, end: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c744.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c745, start: 0, end: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c745.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c746, start: 0, end: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c746.length }) || _M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c747, start: 0, end: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c747.length })))))));
+  return _M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c741, start: 0, end: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c741.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c742, start: 0, end: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c742.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c743, start: 0, end: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c743.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c744, start: 0, end: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c744.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c745, start: 0, end: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c745.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c746, start: 0, end: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c746.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c747, start: 0, end: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c747.length }) || _M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c748, start: 0, end: _M0FP36kazuph5reviw4core38is__html__block__start_2e_2abind_7c748.length })))))));
 }
 function _M0FP36kazuph5reviw4core23is__ordered__list__item(line) {
   const chars = _M0MP311moonbitlang4core6string6String9to__array(line);
@@ -2645,15 +2786,15 @@ function _M0FP36kazuph5reviw4core23is__ordered__list__item(line) {
   return i < (chars.length - 1 | 0) && (_M0MP311moonbitlang4core5array5Array2atGcE(chars, i) === 46 && _M0MP311moonbitlang4core5array5Array2atGcE(chars, i + 1 | 0) === 32);
 }
 function _M0FP36kazuph5reviw4core16is__block__start(line) {
-  return _M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c749, start: 0, end: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c749.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c750, start: 0, end: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c750.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c751, start: 0, end: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c751.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c752, start: 0, end: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c752.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c753, start: 0, end: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c753.length }) || (_M0FP36kazuph5reviw4core23is__ordered__list__item(line) || (_M0FP36kazuph5reviw4core20is__horizontal__rule(line) || _M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c754, start: 0, end: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c754.length }) && _M0FP36kazuph5reviw4core22is__html__block__start(line)))))));
+  return _M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c750, start: 0, end: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c750.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c751, start: 0, end: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c751.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c752, start: 0, end: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c752.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c753, start: 0, end: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c753.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c754, start: 0, end: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c754.length }) || (_M0FP36kazuph5reviw4core23is__ordered__list__item(line) || (_M0FP36kazuph5reviw4core20is__horizontal__rule(line) || _M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c755, start: 0, end: _M0FP36kazuph5reviw4core32is__block__start_2e_2abind_7c755.length }) && _M0FP36kazuph5reviw4core22is__html__block__start(line)))))));
 }
 function _M0FP36kazuph5reviw4core20is__mermaid__content(text) {
   const t = _M0FP36kazuph5reviw4core4trim(text);
-  return _M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c755, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c755.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c756, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c756.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c757, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c757.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c758, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c758.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c759, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c759.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c760, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c760.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c761, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c761.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c762, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c762.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c763, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c763.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c764, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c764.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c765, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c765.length }) || _M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c766, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c766.length })))))))))));
+  return _M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c756, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c756.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c757, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c757.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c758, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c758.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c759, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c759.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c760, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c760.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c761, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c761.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c762, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c762.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c763, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c763.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c764, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c764.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c765, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c765.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c766, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c766.length }) || _M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c767, start: 0, end: _M0FP36kazuph5reviw4core36is__mermaid__content_2e_2abind_7c767.length })))))))))));
 }
 function _M0FP36kazuph5reviw4core20is__table__separator(line) {
   const t = _M0FP36kazuph5reviw4core4trim(line);
-  if (!_M0MP311moonbitlang4core6string6String8contains(t, { str: _M0FP36kazuph5reviw4core36is__table__separator_2e_2abind_7c767, start: 0, end: _M0FP36kazuph5reviw4core36is__table__separator_2e_2abind_7c767.length }) || !_M0MP311moonbitlang4core6string6String8contains(t, { str: _M0FP36kazuph5reviw4core36is__table__separator_2e_2abind_7c768, start: 0, end: _M0FP36kazuph5reviw4core36is__table__separator_2e_2abind_7c768.length })) {
+  if (!_M0MP311moonbitlang4core6string6String8contains(t, { str: _M0FP36kazuph5reviw4core36is__table__separator_2e_2abind_7c768, start: 0, end: _M0FP36kazuph5reviw4core36is__table__separator_2e_2abind_7c768.length }) || !_M0MP311moonbitlang4core6string6String8contains(t, { str: _M0FP36kazuph5reviw4core36is__table__separator_2e_2abind_7c769, start: 0, end: _M0FP36kazuph5reviw4core36is__table__separator_2e_2abind_7c769.length })) {
     return false;
   }
   const chars = _M0MP311moonbitlang4core6string6String9to__array(t);
@@ -2708,8 +2849,8 @@ function _M0FP36kazuph5reviw4core18make__heading__key(text, counter) {
 function _M0FP36kazuph5reviw4core17parse__table__row(line) {
   const result = [];
   const t = _M0FP36kazuph5reviw4core4trim(line);
-  const inner = _M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c781, start: 0, end: _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c781.length }) && _M0MP311moonbitlang4core6string6String11has__suffix(t, { str: _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c782, start: 0, end: _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c782.length }) ? _M0FP36kazuph5reviw4core18safe__slice__range(t, 1, t.length - 1 | 0) : _M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c783, start: 0, end: _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c783.length }) ? _M0FP36kazuph5reviw4core11safe__slice(t, 1) : t;
-  const _it = _M0MP311moonbitlang4core6string6String5split(inner, { str: _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c780, start: 0, end: _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c780.length });
+  const inner = _M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c782, start: 0, end: _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c782.length }) && _M0MP311moonbitlang4core6string6String11has__suffix(t, { str: _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c783, start: 0, end: _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c783.length }) ? _M0FP36kazuph5reviw4core18safe__slice__range(t, 1, t.length - 1 | 0) : _M0MP311moonbitlang4core6string6String11has__prefix(t, { str: _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c784, start: 0, end: _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c784.length }) ? _M0FP36kazuph5reviw4core11safe__slice(t, 1) : t;
+  const _it = _M0MP311moonbitlang4core6string6String5split(inner, { str: _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c781, start: 0, end: _M0FP36kazuph5reviw4core33parse__table__row_2e_2abind_7c781.length });
   while (true) {
     const _bind = _M0MP311moonbitlang4core7builtin4Iter4nextGRP311moonbitlang4core6string10StringViewE(_it);
     if (_bind === undefined) {
@@ -2725,7 +2866,7 @@ function _M0FP36kazuph5reviw4core17parse__table__row(line) {
 }
 function _M0FP36kazuph5reviw4core14is__video__url(url) {
   const lower = _M0MP311moonbitlang4core6string6String9to__lower(url);
-  return _M0MP311moonbitlang4core6string6String11has__suffix(lower, { str: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c784, start: 0, end: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c784.length }) || (_M0MP311moonbitlang4core6string6String11has__suffix(lower, { str: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c785, start: 0, end: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c785.length }) || (_M0MP311moonbitlang4core6string6String11has__suffix(lower, { str: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c786, start: 0, end: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c786.length }) || (_M0MP311moonbitlang4core6string6String11has__suffix(lower, { str: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c787, start: 0, end: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c787.length }) || (_M0MP311moonbitlang4core6string6String11has__suffix(lower, { str: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c788, start: 0, end: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c788.length }) || (_M0MP311moonbitlang4core6string6String11has__suffix(lower, { str: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c789, start: 0, end: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c789.length }) || _M0MP311moonbitlang4core6string6String11has__suffix(lower, { str: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c790, start: 0, end: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c790.length }))))));
+  return _M0MP311moonbitlang4core6string6String11has__suffix(lower, { str: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c785, start: 0, end: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c785.length }) || (_M0MP311moonbitlang4core6string6String11has__suffix(lower, { str: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c786, start: 0, end: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c786.length }) || (_M0MP311moonbitlang4core6string6String11has__suffix(lower, { str: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c787, start: 0, end: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c787.length }) || (_M0MP311moonbitlang4core6string6String11has__suffix(lower, { str: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c788, start: 0, end: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c788.length }) || (_M0MP311moonbitlang4core6string6String11has__suffix(lower, { str: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c789, start: 0, end: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c789.length }) || (_M0MP311moonbitlang4core6string6String11has__suffix(lower, { str: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c790, start: 0, end: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c790.length }) || _M0MP311moonbitlang4core6string6String11has__suffix(lower, { str: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c791, start: 0, end: _M0FP36kazuph5reviw4core30is__video__url_2e_2abind_7c791.length }))))));
 }
 function _M0FP36kazuph5reviw4core14render__inline(text) {
   const chars = _M0MP311moonbitlang4core6string6String9to__array(text);
@@ -2824,7 +2965,7 @@ function _M0FP36kazuph5reviw4core14render__inline(text) {
             const link_text = _M0FP36kazuph5reviw4core18safe__slice__range(text, text_start, text_end);
             const link_url = _M0FP36kazuph5reviw4core18safe__slice__range(text, url_start, url_end);
             const lower_url = _M0MP311moonbitlang4core6string6String9to__lower(link_url);
-            if (_M0MP311moonbitlang4core6string6String11has__prefix(lower_url, { str: _M0FP36kazuph5reviw4core30render__inline_2e_2abind_7c796, start: 0, end: _M0FP36kazuph5reviw4core30render__inline_2e_2abind_7c796.length })) {
+            if (_M0MP311moonbitlang4core6string6String11has__prefix(lower_url, { str: _M0FP36kazuph5reviw4core30render__inline_2e_2abind_7c797, start: 0, end: _M0FP36kazuph5reviw4core30render__inline_2e_2abind_7c797.length })) {
               _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, _M0FP36kazuph5reviw4core12escape__html(link_text));
             } else {
               _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<a href=\"");
@@ -3021,18 +3162,18 @@ function _M0FP36kazuph5reviw4core17is__allowed__attr(name) {
 }
 function _M0FP36kazuph5reviw4core18is__dangerous__css(value) {
   const lower = _M0MP311moonbitlang4core6string6String9to__lower(value);
-  return _M0MP311moonbitlang4core6string6String8contains(lower, { str: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c809, start: 0, end: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c809.length }) || (_M0MP311moonbitlang4core6string6String8contains(lower, { str: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c810, start: 0, end: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c810.length }) || (_M0MP311moonbitlang4core6string6String8contains(lower, { str: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c811, start: 0, end: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c811.length }) || (_M0MP311moonbitlang4core6string6String8contains(lower, { str: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c812, start: 0, end: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c812.length }) || (_M0MP311moonbitlang4core6string6String8contains(lower, { str: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c813, start: 0, end: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c813.length }) || (_M0MP311moonbitlang4core6string6String8contains(lower, { str: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c814, start: 0, end: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c814.length }) || (_M0MP311moonbitlang4core6string6String8contains(lower, { str: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c815, start: 0, end: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c815.length }) || _M0MP311moonbitlang4core6string6String8contains(lower, { str: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c816, start: 0, end: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c816.length })))))));
+  return _M0MP311moonbitlang4core6string6String8contains(lower, { str: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c810, start: 0, end: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c810.length }) || (_M0MP311moonbitlang4core6string6String8contains(lower, { str: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c811, start: 0, end: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c811.length }) || (_M0MP311moonbitlang4core6string6String8contains(lower, { str: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c812, start: 0, end: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c812.length }) || (_M0MP311moonbitlang4core6string6String8contains(lower, { str: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c813, start: 0, end: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c813.length }) || (_M0MP311moonbitlang4core6string6String8contains(lower, { str: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c814, start: 0, end: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c814.length }) || (_M0MP311moonbitlang4core6string6String8contains(lower, { str: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c815, start: 0, end: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c815.length }) || (_M0MP311moonbitlang4core6string6String8contains(lower, { str: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c816, start: 0, end: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c816.length }) || _M0MP311moonbitlang4core6string6String8contains(lower, { str: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c817, start: 0, end: _M0FP36kazuph5reviw4core34is__dangerous__css_2e_2abind_7c817.length })))))));
 }
 function _M0FP36kazuph5reviw4core24is__event__handler__attr(name) {
-  return _M0MP311moonbitlang4core6string6String11has__prefix(name, { str: _M0FP36kazuph5reviw4core40is__event__handler__attr_2e_2abind_7c817, start: 0, end: _M0FP36kazuph5reviw4core40is__event__handler__attr_2e_2abind_7c817.length });
+  return _M0MP311moonbitlang4core6string6String11has__prefix(name, { str: _M0FP36kazuph5reviw4core40is__event__handler__attr_2e_2abind_7c818, start: 0, end: _M0FP36kazuph5reviw4core40is__event__handler__attr_2e_2abind_7c818.length });
 }
 function _M0FP36kazuph5reviw4core13is__safe__url(url) {
   const lower = _M0MP311moonbitlang4core6string6String9to__lower(url);
   const trimmed = _M0FP36kazuph5reviw4core4trim(lower);
-  if (_M0MP311moonbitlang4core6string6String11has__prefix(trimmed, { str: _M0FP36kazuph5reviw4core29is__safe__url_2e_2abind_7c818, start: 0, end: _M0FP36kazuph5reviw4core29is__safe__url_2e_2abind_7c818.length })) {
+  if (_M0MP311moonbitlang4core6string6String11has__prefix(trimmed, { str: _M0FP36kazuph5reviw4core29is__safe__url_2e_2abind_7c819, start: 0, end: _M0FP36kazuph5reviw4core29is__safe__url_2e_2abind_7c819.length })) {
     return false;
   }
-  if (_M0MP311moonbitlang4core6string6String11has__prefix(trimmed, { str: _M0FP36kazuph5reviw4core29is__safe__url_2e_2abind_7c819, start: 0, end: _M0FP36kazuph5reviw4core29is__safe__url_2e_2abind_7c819.length })) {
+  if (_M0MP311moonbitlang4core6string6String11has__prefix(trimmed, { str: _M0FP36kazuph5reviw4core29is__safe__url_2e_2abind_7c820, start: 0, end: _M0FP36kazuph5reviw4core29is__safe__url_2e_2abind_7c820.length })) {
     return false;
   }
   return true;
@@ -3371,7 +3512,7 @@ function _M0FP36kazuph5reviw4core14sanitize__html(input) {
         if (!_M0FP36kazuph5reviw4core16is__allowed__tag(tag_name) && tag_name.length > 0) {
           _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "&lt;");
           const tag_content = _M0FP36kazuph5reviw4core18safe__slice__range(input, tag_start + 1 | 0, tag_end);
-          const trimmed_content = _M0MP311moonbitlang4core6string6String11has__suffix(tag_content, { str: _M0FP36kazuph5reviw4core30sanitize__html_2e_2abind_7c835, start: 0, end: _M0FP36kazuph5reviw4core30sanitize__html_2e_2abind_7c835.length }) ? _M0FP36kazuph5reviw4core18safe__slice__range(tag_content, 0, tag_content.length - 1 | 0) : tag_content;
+          const trimmed_content = _M0MP311moonbitlang4core6string6String11has__suffix(tag_content, { str: _M0FP36kazuph5reviw4core30sanitize__html_2e_2abind_7c836, start: 0, end: _M0FP36kazuph5reviw4core30sanitize__html_2e_2abind_7c836.length }) ? _M0FP36kazuph5reviw4core18safe__slice__range(tag_content, 0, tag_content.length - 1 | 0) : tag_content;
           _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, _M0FP36kazuph5reviw4core12escape__html(trimmed_content));
           _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "&gt;");
           i = tag_end;
@@ -3415,7 +3556,7 @@ function _M0FP36kazuph5reviw4core23render__markdown__lines(lines) {
         i = i + 1 | 0;
         continue;
       }
-      if (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c837, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c837.length }) && _M0FP36kazuph5reviw4core22is__html__block__start(line)) {
+      if (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c838, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c838.length }) && _M0FP36kazuph5reviw4core22is__html__block__start(line)) {
         const tag_name = _M0FP36kazuph5reviw4core24extract__html__tag__name(line);
         if (tag_name === "details") {
           _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<details>\n");
@@ -3423,13 +3564,13 @@ function _M0FP36kazuph5reviw4core23render__markdown__lines(lines) {
           while (true) {
             if (i < len) {
               const current = _M0FP36kazuph5reviw4core4trim(_M0MP311moonbitlang4core5array5Array2atGsE(lines, i));
-              if (_M0MP311moonbitlang4core6string6String11has__prefix(current, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c839, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c839.length })) {
+              if (_M0MP311moonbitlang4core6string6String11has__prefix(current, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c840, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c840.length })) {
                 _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, _M0FP36kazuph5reviw4core14sanitize__html(_M0MP311moonbitlang4core5array5Array2atGsE(lines, i)));
                 _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "\n");
                 i = i + 1 | 0;
                 break;
               } else {
-                if (_M0MP311moonbitlang4core6string6String11has__prefix(current, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c840, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c840.length })) {
+                if (_M0MP311moonbitlang4core6string6String11has__prefix(current, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c841, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c841.length })) {
                   break;
                 }
               }
@@ -3444,14 +3585,14 @@ function _M0FP36kazuph5reviw4core23render__markdown__lines(lines) {
           while (true) {
             if (i < len && depth > 0) {
               const current = _M0MP311moonbitlang4core5array5Array2atGsE(lines, i);
-              if (_M0MP311moonbitlang4core6string6String8contains(current, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c842, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c842.length })) {
+              if (_M0MP311moonbitlang4core6string6String8contains(current, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c843, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c843.length })) {
                 depth = depth - 1 | 0;
                 if (depth === 0) {
                   i = i + 1 | 0;
                   break;
                 }
               }
-              if (_M0MP311moonbitlang4core6string6String8contains(current, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c843, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c843.length })) {
+              if (_M0MP311moonbitlang4core6string6String8contains(current, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c844, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c844.length })) {
                 depth = depth + 1 | 0;
               }
               _M0MP311moonbitlang4core5array5Array4pushGsE(inner_lines, current);
@@ -3496,7 +3637,7 @@ function _M0FP36kazuph5reviw4core23render__markdown__lines(lines) {
         }
         continue;
       }
-      if (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c847, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c847.length })) {
+      if (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c848, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c848.length })) {
         const level = _M0FP36kazuph5reviw4core21count__heading__level(line);
         if (level >= 1 && level <= 6) {
           const content = _M0FP36kazuph5reviw4core4trim(_M0FP36kazuph5reviw4core11safe__slice(line, level + 1 | 0));
@@ -3522,14 +3663,14 @@ function _M0FP36kazuph5reviw4core23render__markdown__lines(lines) {
         i = i + 1 | 0;
         continue;
       }
-      if (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c848, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c848.length })) {
+      if (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c849, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c849.length })) {
         const lang = _M0FP36kazuph5reviw4core4trim(_M0FP36kazuph5reviw4core11safe__slice(line, 3));
         const code_block_start_line = i + 1 | 0;
         i = i + 1 | 0;
         const code_buf = _M0MP311moonbitlang4core7builtin13StringBuilder11new_2einner(0);
         let code_first = true;
         while (true) {
-          if (i < len && !_M0MP311moonbitlang4core6string6String11has__prefix(_M0MP311moonbitlang4core5array5Array2atGsE(lines, i), { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c850, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c850.length })) {
+          if (i < len && !_M0MP311moonbitlang4core6string6String11has__prefix(_M0MP311moonbitlang4core5array5Array2atGsE(lines, i), { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c851, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c851.length })) {
             if (!code_first) {
               _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(code_buf, "\n");
             }
@@ -3541,12 +3682,17 @@ function _M0FP36kazuph5reviw4core23render__markdown__lines(lines) {
             break;
           }
         }
+        const code_block_end_line = i < len ? i + 1 | 0 : len;
         if (i < len) {
           i = i + 1 | 0;
         }
         const code_text = code_buf.val;
         if (lang === "mermaid" || _M0FP36kazuph5reviw4core20is__mermaid__content(code_text)) {
-          _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<div class=\"mermaid-container\"><div class=\"mermaid\" data-source=\"");
+          _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<div class=\"mermaid-container\" data-source-start-line=\"");
+          _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, _M0MP311moonbitlang4core3int3Int18to__string_2einner(code_block_start_line, 10));
+          _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "\" data-source-end-line=\"");
+          _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, _M0MP311moonbitlang4core3int3Int18to__string_2einner(code_block_end_line, 10));
+          _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "\"><div class=\"mermaid\" data-source=\"");
           _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, _M0FP36kazuph5reviw4core12escape__html(code_text));
           _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "\" data-source-line=\"");
           _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, _M0MP311moonbitlang4core3int3Int18to__string_2einner(code_block_start_line, 10));
@@ -3566,10 +3712,10 @@ function _M0FP36kazuph5reviw4core23render__markdown__lines(lines) {
         }
         continue;
       }
-      if (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c851, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c851.length })) {
+      if (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c852, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c852.length })) {
         const quote_lines = [];
         while (true) {
-          if (i < len && _M0MP311moonbitlang4core6string6String11has__prefix(_M0MP311moonbitlang4core5array5Array2atGsE(lines, i), { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c853, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c853.length })) {
+          if (i < len && _M0MP311moonbitlang4core6string6String11has__prefix(_M0MP311moonbitlang4core5array5Array2atGsE(lines, i), { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c854, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c854.length })) {
             const content = _M0FP36kazuph5reviw4core4trim(_M0FP36kazuph5reviw4core11safe__slice(_M0MP311moonbitlang4core5array5Array2atGsE(lines, i), 1));
             _M0MP311moonbitlang4core5array5Array4pushGsE(quote_lines, content);
             i = i + 1 | 0;
@@ -3597,16 +3743,16 @@ function _M0FP36kazuph5reviw4core23render__markdown__lines(lines) {
         _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "</blockquote>\n");
         continue;
       }
-      if (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c856, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c856.length }) || _M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c857, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c857.length })) {
+      if (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c857, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c857.length }) || _M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c858, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c858.length })) {
         _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<ul>\n");
         while (true) {
-          if (i < len && (_M0MP311moonbitlang4core6string6String11has__prefix(_M0MP311moonbitlang4core5array5Array2atGsE(lines, i), { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c862, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c862.length }) || _M0MP311moonbitlang4core6string6String11has__prefix(_M0MP311moonbitlang4core5array5Array2atGsE(lines, i), { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c863, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c863.length }))) {
+          if (i < len && (_M0MP311moonbitlang4core6string6String11has__prefix(_M0MP311moonbitlang4core5array5Array2atGsE(lines, i), { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c863, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c863.length }) || _M0MP311moonbitlang4core6string6String11has__prefix(_M0MP311moonbitlang4core5array5Array2atGsE(lines, i), { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c864, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c864.length }))) {
             const item_text = _M0FP36kazuph5reviw4core11safe__slice(_M0MP311moonbitlang4core5array5Array2atGsE(lines, i), 2);
-            if (_M0MP311moonbitlang4core6string6String11has__prefix(item_text, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c859, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c859.length })) {
+            if (_M0MP311moonbitlang4core6string6String11has__prefix(item_text, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c860, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c860.length })) {
               _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<li class=\"task-list-item\"><input type=\"checkbox\" disabled /> ");
               _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, _M0FP36kazuph5reviw4core14render__inline(_M0FP36kazuph5reviw4core11safe__slice(item_text, 4)));
             } else {
-              if (_M0MP311moonbitlang4core6string6String11has__prefix(item_text, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c860, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c860.length }) || _M0MP311moonbitlang4core6string6String11has__prefix(item_text, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c861, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c861.length })) {
+              if (_M0MP311moonbitlang4core6string6String11has__prefix(item_text, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c861, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c861.length }) || _M0MP311moonbitlang4core6string6String11has__prefix(item_text, { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c862, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c862.length })) {
                 _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<li class=\"task-list-item\"><input type=\"checkbox\" checked disabled /> ");
                 _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, _M0FP36kazuph5reviw4core14render__inline(_M0FP36kazuph5reviw4core11safe__slice(item_text, 4)));
               } else {
@@ -3663,7 +3809,7 @@ function _M0FP36kazuph5reviw4core23render__markdown__lines(lines) {
         _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "</tr>\n</thead>\n<tbody>\n");
         i = i + 2 | 0;
         while (true) {
-          if (i < len && _M0MP311moonbitlang4core6string6String8contains(_M0MP311moonbitlang4core5array5Array2atGsE(lines, i), { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c870, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c870.length })) {
+          if (i < len && _M0MP311moonbitlang4core6string6String8contains(_M0MP311moonbitlang4core5array5Array2atGsE(lines, i), { str: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c871, start: 0, end: _M0FP36kazuph5reviw4core39render__markdown__lines_2e_2abind_7c871.length })) {
             const cells = _M0FP36kazuph5reviw4core17parse__table__row(_M0MP311moonbitlang4core5array5Array2atGsE(lines, i));
             _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<tr>\n");
             const _len$2 = cells.length;
@@ -3730,11 +3876,11 @@ function _M0FP36kazuph5reviw4core15parse__markdown(input) {
   let content_start = 0;
   if (lines.length > 0 && _M0MP311moonbitlang4core5array5Array2atGsE(lines, 0) === "---") {
     let end_idx = -1;
-    const _end472 = lines.length;
+    const _end473 = lines.length;
     let _tmp = 1;
     while (true) {
       const i = _tmp;
-      if (i < _end472) {
+      if (i < _end473) {
         if (_M0MP311moonbitlang4core5array5Array2atGsE(lines, i) === "---") {
           end_idx = i;
           break;
@@ -3746,11 +3892,11 @@ function _M0FP36kazuph5reviw4core15parse__markdown(input) {
       }
     }
     if (end_idx > 0) {
-      const _end477 = end_idx;
+      const _end478 = end_idx;
       let _tmp$2 = 1;
       while (true) {
         const i = _tmp$2;
-        if (i < _end477) {
+        if (i < _end478) {
           const line = _M0MP311moonbitlang4core5array5Array2atGsE(lines, i);
           const colon = _M0FP36kazuph5reviw4core15index__of__char(line, 58);
           if (colon >= 0) {
@@ -3770,12 +3916,12 @@ function _M0FP36kazuph5reviw4core15parse__markdown(input) {
     }
   }
   const content_lines = [];
-  const _start486 = content_start;
-  const _end487 = lines.length;
-  let _tmp = _start486;
+  const _start487 = content_start;
+  const _end488 = lines.length;
+  let _tmp = _start487;
   while (true) {
     const i = _tmp;
-    if (i < _end487) {
+    if (i < _end488) {
       _M0MP311moonbitlang4core5array5Array4pushGsE(content_lines, _M0MP311moonbitlang4core5array5Array2atGsE(lines, i));
       _tmp = i + 1 | 0;
       continue;
@@ -3881,19 +4027,21 @@ function _M0FP36kazuph5reviw4core24build__video__fullscreen(buf) {
 }
 function _M0FP36kazuph5reviw4core20build__comment__card(buf) {
   _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<div class=\"floating\" id=\"comment-card\">");
-  _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<header><h2 id=\"card-title\">Cell Comment</h2>");
-  _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<div style=\"display:flex; gap:6px;\">");
-  _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<button class=\"icon-only\" id=\"copy-selection\" title=\"Copy selected lines\">&#128203;</button>");
-  _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<button id=\"close-card\">Close</button>");
-  _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<button id=\"clear-comment\">Delete</button>");
-  _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "</div></header>");
-  _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<div id=\"cell-preview\" style=\"font-size:12px; color: var(--muted); margin-bottom:8px;\"></div>");
+  _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<button class=\"card-close-x\" id=\"close-card\" title=\"Close\">&times;</button>");
+  _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<header><h2 id=\"card-title\">Cell Comment</h2></header>");
+  _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<div id=\"cell-preview\" style=\"font-size:12px; color: var(--muted); margin-bottom:4px;\"></div>");
+  _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<div style=\"position:relative\">");
+  _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<button class=\"icon-only copy-btn-float\" id=\"copy-selection\" title=\"Copy selected lines\">&#128203;</button>");
   _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<textarea id=\"comment-input\" placeholder=\"Enter your comment or note\"></textarea>");
+  _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "</div>");
   _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<div class=\"image-attach-area image-attach-small\" id=\"comment-image-area\">");
   _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<label>Image (Paste, max 1)</label>");
   _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<div class=\"image-preview-list\" id=\"comment-image-preview\"></div>");
   _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "</div>");
-  _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<div class=\"actions\"><button class=\"primary\" id=\"save-comment\">Save</button></div>");
+  _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<div class=\"actions card-actions-split\">");
+  _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<button class=\"danger-text\" id=\"clear-comment\">Delete</button>");
+  _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<button class=\"primary\" id=\"save-comment\">Save</button>");
+  _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "</div>");
   _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "</div>");
 }
 function _M0FP36kazuph5reviw4core27build__comment__list__aside(buf) {
@@ -3925,7 +4073,7 @@ function _M0FP36kazuph5reviw4core26build__page__start_2einner(buf, filename, fil
   _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11/build/styles/github.min.css\" id=\"hljs-theme-light\">");
   _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<script src=\"https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11/build/highlight.min.js\"></script>");
   _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<style>");
-  _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "/* Dark theme (default) */\n:root {\n  color-scheme: dark;\n  --bg: #0f172a;\n  --bg-gradient: radial-gradient(circle at 20% 20%, #1e293b 0%, #0b1224 35%, #0b1224 60%, #0f172a 100%);\n  --panel: #111827;\n  --panel-alpha: rgba(15, 23, 42, 0.9);\n  --panel-solid: #0b1224;\n  --card-bg: rgba(11, 18, 36, 0.95);\n  --input-bg: rgba(15, 23, 42, 0.6);\n  --border: #1f2937;\n  --accent: #60a5fa;\n  --accent-2: #f472b6;\n  --text: #e5e7eb;\n  --text-inverse: #0b1224;\n  --muted: #94a3b8;\n  --comment: #0f766e;\n  --badge: #22c55e;\n  --table-bg: rgba(15, 23, 42, 0.7);\n  --row-even: rgba(30, 41, 59, 0.4);\n  --row-odd: rgba(15, 23, 42, 0.2);\n  --selected-bg: rgba(96,165,250,0.15);\n  --hover-bg: rgba(96,165,250,0.08);\n  --shadow-color: rgba(0,0,0,0.35);\n  --code-bg: #1e293b;\n  --error: #dc3545;\n}\n/* Light theme */\n[data-theme=\"light\"] {\n  color-scheme: light;\n  --bg: #f8fafc;\n  --bg-gradient: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n  --panel: #ffffff;\n  --panel-alpha: rgba(255, 255, 255, 0.95);\n  --panel-solid: #ffffff;\n  --card-bg: rgba(255, 255, 255, 0.98);\n  --input-bg: #f1f5f9;\n  --border: #e2e8f0;\n  --accent: #3b82f6;\n  --accent-2: #ec4899;\n  --text: #1e293b;\n  --text-inverse: #ffffff;\n  --muted: #64748b;\n  --comment: #14b8a6;\n  --badge: #22c55e;\n  --table-bg: #ffffff;\n  --row-even: #f8fafc;\n  --row-odd: #ffffff;\n  --selected-bg: rgba(59,130,246,0.12);\n  --hover-bg: rgba(59,130,246,0.06);\n  --shadow-color: rgba(0,0,0,0.1);\n  --code-bg: #f1f5f9;\n  --error: #dc3545;\n}\n* { box-sizing: border-box; }\nbody {\n  margin: 0;\n  font-family: \"Inter\", \"Hiragino Sans\", system-ui, -apple-system, sans-serif;\n  background: var(--bg-gradient);\n  color: var(--text);\n  min-height: 100vh;\n  transition: background 200ms ease, color 200ms ease;\n}\nheader {\n  position: sticky;\n  top: 0;\n  z-index: 5;\n  padding: 12px 16px;\n  background: var(--panel-alpha);\n  backdrop-filter: blur(8px);\n  border-bottom: 1px solid var(--border);\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  justify-content: space-between;\n  transition: background 200ms ease, border-color 200ms ease;\n}\nheader .meta { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }\nheader .actions { display: flex; gap: 8px; align-items: center; }\nheader h1 { display: flex; flex-direction: column; margin: 0; line-height: 1.3; }\nheader h1 .title-path { font-size: 11px; font-weight: 400; color: var(--muted); }\nheader h1 .title-file { font-size: 16px; font-weight: 700; }\nheader .badge {\n  background: var(--selected-bg);\n  color: var(--text);\n  padding: 6px 10px;\n  border-radius: 8px;\n  font-size: 12px;\n  border: 1px solid var(--border);\n}\nheader button {\n  background: linear-gradient(135deg, #38bdf8, #6366f1);\n  color: var(--text-inverse);\n  border: none;\n  border-radius: 10px;\n  padding: 10px 14px;\n  font-weight: 700;\n  cursor: pointer;\n  box-shadow: 0 10px 30px var(--shadow-color);\n  transition: transform 120ms ease, box-shadow 120ms ease;\n}\nheader button:hover { transform: translateY(-1px); box-shadow: 0 16px 36px var(--shadow-color); }\nheader button:active { transform: translateY(0); }\n/* Theme toggle button */\n.theme-toggle {\n  background: var(--selected-bg);\n  color: var(--text);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  padding: 8px 10px;\n  font-size: 16px;\n  cursor: pointer;\n  transition: background 120ms ease, transform 120ms ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 38px;\n  height: 38px;\n}\n.theme-toggle:hover { background: var(--hover-bg); transform: scale(1.05); }\n\n.wrap { padding: 12px 16px 12px; }\n.toolbar {\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  flex-wrap: wrap;\n  margin: 10px 0 12px;\n  color: var(--muted);\n  font-size: 13px;\n}\n.toolbar button {\n  background: rgba(96,165,250,0.12);\n  color: var(--text);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  padding: 8px 10px;\n  font-size: 13px;\n  cursor: pointer;\n}\n.toolbar button:hover { background: rgba(96,165,250,0.2); }\n\n.table-box {\n  background: var(--table-bg);\n  border: 1px solid var(--border);\n  border-radius: 12px;\n  overflow: auto;\n  max-height: calc(100vh - 110px);\n  box-shadow: 0 20px 50px var(--shadow-color);\n  transition: background 200ms ease, border-color 200ms ease;\n}\ntable {\n  border-collapse: collapse;\n  width: 100%;\n  min-width: 540px;\n  table-layout: fixed;\n}\nthead th {\n  position: sticky;\n  top: 0;\n  z-index: 3;\n  background: var(--panel-solid) !important;\n  color: var(--muted);\n  font-size: 12px;\n  text-align: center;\n  padding: 0;\n  border-bottom: 1px solid var(--border);\n  border-right: 1px solid var(--border);\n  white-space: nowrap;\n  transition: background 200ms ease;\n}\nthead th:not(.selected) {\n  background: var(--panel-solid) !important;\n}\nthead th:first-child,\ntbody th {\n  width: 28px;\n  min-width: 28px;\n  max-width: 28px;\n}\nthead th .th-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: 8px 6px;\n  position: relative;\n  height: 100%;\n}\nthead th.filtered .th-inner {\n  background: linear-gradient(135deg, rgba(96,165,250,0.18), rgba(34,197,94,0.18));\n  color: #e5e7eb;\n  border-radius: 6px;\n  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.05);\n}\nthead th.filtered .th-inner::after {\n  content: 'FILTER';\n  font-size: 10px;\n  color: #c7d2fe;\n  background: rgba(99,102,241,0.24);\n  border: 1px solid rgba(99,102,241,0.45);\n  padding: 1px 6px;\n  border-radius: 999px;\n  position: absolute;\n  bottom: 4px;\n  right: 6px;\n}\n.resizer {\n  position: absolute;\n  right: 2px;\n  top: 0;\n  width: 6px;\n  height: 100%;\n  cursor: col-resize;\n  user-select: none;\n  touch-action: none;\n  opacity: 0.6;\n}\n.resizer::after {\n  content: '';\n  position: absolute;\n  top: 10%;\n  bottom: 10%;\n  left: 2px;\n  width: 2px;\n  background: rgba(96,165,250,0.6);\n  border-radius: 2px;\n  opacity: 0;\n  transition: opacity 120ms ease;\n}\nthead th:hover .resizer::after { opacity: 1; }\n\n.freeze {\n  position: sticky !important;\n  background: var(--panel-solid);\n  z-index: 4;\n}\n.freeze-row {\n  position: sticky !important;\n  background: var(--panel-solid);\n}\n.freeze-row.freeze {\n  z-index: 6;\n}\nth.freeze-row {\n  z-index: 6;\n}\ntbody th {\n  position: sticky;\n  left: 0;\n  z-index: 2;\n  background: var(--panel-solid);\n  color: var(--muted);\n  text-align: right;\n  padding: 8px 10px;\n  font-size: 12px;\n  border-right: 1px solid var(--border);\n  border-bottom: 1px solid var(--border);\n  transition: background 200ms ease;\n}\ntd {\n  padding: 10px 10px;\n  border-bottom: 1px solid var(--border);\n  border-right: 1px solid var(--border);\n  background: var(--row-odd);\n  color: var(--text);\n  font-size: 13px;\n  line-height: 1.45;\n  cursor: pointer;\n  transition: background 120ms ease, box-shadow 120ms ease;\n  position: relative;\n  white-space: pre-wrap;\n  word-break: break-word;\n  max-width: 320px;\n}\ntr:nth-child(even) td:not(.selected):not(.has-comment) { background: var(--row-even); }\ntd:hover:not(.selected) { background: var(--hover-bg); box-shadow: inset 0 0 0 1px rgba(96,165,250,0.25); }\ntd.has-comment { background: rgba(34,197,94,0.12); box-shadow: inset 0 0 0 1px rgba(34,197,94,0.35); }\ntd.selected, tbody th.selected { background: rgba(99,102,241,0.22) !important; box-shadow: inset 0 0 0 1px rgba(99,102,241,0.45); }\n.preview-highlight { background: rgba(167,139,250,0.18) !important; box-shadow: inset 0 0 0 2px rgba(139,92,246,0.35); border-radius: 4px; transition: background 150ms ease, box-shadow 150ms ease; padding-left: 8px; margin-left: -8px; }\nthead th.selected { background: #c7d2fe !important; box-shadow: inset 0 0 0 1px rgba(99,102,241,0.45); }\n[data-theme=\"dark\"] thead th.selected { background: #3730a3 !important; }\nbody.dragging { user-select: none; cursor: crosshair; }\nbody.dragging td, body.dragging tbody th { cursor: crosshair; }\ntbody th { cursor: pointer; }\ntd .dot {\n  position: absolute;\n  right: 6px;\n  top: 6px;\n  width: 8px;\n  height: 8px;\n  border-radius: 99px;\n  background: var(--badge);\n  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);\n}\n.floating {\n  position: absolute;\n  z-index: 10;\n  background: var(--panel-solid);\n  border: 1px solid var(--border);\n  border-radius: 12px;\n  padding: 12px;\n  width: min(420px, calc(100vw - 32px));\n  box-shadow: 0 20px 40px var(--shadow-color);\n  display: none;\n  transition: background 200ms ease, border-color 200ms ease;\n}\n.floating header {\n  position: static;\n  background: transparent;\n  backdrop-filter: none;\n  border: none;\n  padding: 0 0 8px 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.floating h2 { font-size: 14px; margin: 0; color: var(--text); }\n.floating button {\n  margin-left: 8px;\n  background: var(--accent);\n  color: var(--text-inverse);\n  border: 1px solid var(--accent);\n  padding: 6px 10px;\n  border-radius: 8px;\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: background 120ms ease, opacity 120ms ease;\n}\n.floating button.icon-only {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  line-height: 1;\n}\n.floating button:hover { opacity: 0.85; }\n.floating textarea {\n  width: 100%;\n  min-height: 110px;\n  resize: vertical;\n  border-radius: 8px;\n  border: 1px solid var(--border);\n  background: var(--input-bg);\n  color: var(--text);\n  padding: 10px;\n  font-size: 13px;\n  line-height: 1.4;\n  transition: background 200ms ease, border-color 200ms ease;\n}\n.floating textarea:focus {\n  outline: none;\n  border-color: var(--accent);\n}\n.floating .actions {\n  display: flex;\n  gap: 8px;\n  justify-content: flex-end;\n  margin-top: 10px;\n}\n.floating .actions button.primary {\n  background: linear-gradient(135deg, #22c55e, #16a34a);\n  color: var(--text-inverse);\n  border: none;\n  font-weight: 700;\n  box-shadow: 0 10px 30px rgba(22,163,74,0.35);\n}\n.comment-list {\n  position: fixed;\n  right: 14px;\n  bottom: 14px;\n  width: 320px;\n  max-height: 60vh;\n  overflow: auto;\n  border: 1px solid var(--border);\n  border-radius: 12px;\n  background: var(--card-bg);\n  box-shadow: 0 18px 40px var(--shadow-color);\n  padding: 12px;\n  backdrop-filter: blur(6px);\n  transition: opacity 120ms ease, transform 120ms ease, background 200ms ease;\n}\n.comment-list h3 { margin: 0 0 8px 0; font-size: 13px; color: var(--muted); }\n.comment-list ol {\n  margin: 0;\n  padding-left: 18px;\n  color: var(--text);\n  font-size: 13px;\n  line-height: 1.45;\n}\n.comment-list li { margin-bottom: 6px; }\n.comment-list .hint { color: var(--muted); font-size: 12px; }\n.pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 999px; background: var(--selected-bg); border: 1px solid var(--border); font-size: 12px; color: var(--text); cursor: pointer; transition: background 150ms ease, border-color 150ms ease; }\n.pill:hover { background: var(--hover-bg); border-color: var(--accent); }\n.pill strong { color: var(--text); font-weight: 700; }\n.comment-list.collapsed {\n  opacity: 0;\n  pointer-events: none;\n  transform: translateY(8px) scale(0.98);\n}\n.md-preview {\n  background: var(--input-bg);\n  border: 1px solid var(--border);\n  border-radius: 12px;\n  padding: 14px;\n  margin-bottom: 12px;\n  transition: background 200ms ease, border-color 200ms ease;\n}\n.md-layout {\n  display: flex;\n  gap: 16px;\n  align-items: stretch;\n  margin-top: 8px;\n  height: calc(100vh - 80px);\n}\n.md-left {\n  flex: 1;\n  min-width: 200px;\n  overflow-y: auto;\n  overflow-x: auto;\n  overscroll-behavior: contain;\n}\n.md-left .md-preview {\n  max-height: none;\n}\n.md-right {\n  flex: 1;\n  min-width: 0;\n  overflow-y: auto;\n  overflow-x: auto;\n  overscroll-behavior: contain;\n}\n.md-right .table-box {\n  max-width: none;\n  min-width: 0;\n  max-height: none;\n  overflow: visible;\n}\n/* Ensure thead is opaque in md-right to prevent content showing through */\n.md-right thead th {\n  background: var(--panel-solid) !important;\n}\n.md-right thead th.selected {\n  background: #c7d2fe !important;\n}\n[data-theme=\"dark\"] .md-right thead th {\n  background: var(--panel-solid) !important;\n}\n[data-theme=\"dark\"] .md-right thead th.selected {\n  background: #3730a3 !important;\n}\n\n/* === Media Sidebar === */\n.media-sidebar {\n  display: flex;\n  flex-shrink: 0;\n  height: calc(100vh - 80px);\n  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  z-index: 10;\n  max-width: 60%;\n}\n.media-sidebar.hidden {\n  display: none;\n}\n.media-sidebar-thumbs {\n  width: 96px;\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 8px;\n  border-right: 1px solid var(--border);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  background: var(--panel);\n  scrollbar-width: thin;\n  scrollbar-color: var(--border) transparent;\n}\n.media-sidebar-thumbs::-webkit-scrollbar {\n  width: 4px;\n}\n.media-sidebar-thumbs::-webkit-scrollbar-track {\n  background: transparent;\n}\n.media-sidebar-thumbs::-webkit-scrollbar-thumb {\n  background: var(--border);\n  border-radius: 4px;\n}\n.media-sidebar-thumb {\n  width: 80px;\n  height: 60px;\n  border-radius: 6px;\n  border: 2px solid var(--border);\n  overflow: hidden;\n  cursor: pointer;\n  position: relative;\n  flex-shrink: 0;\n  background: var(--bg);\n  transition: border-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;\n}\n.media-sidebar-thumb:hover {\n  border-color: var(--accent);\n  transform: scale(1.05);\n  box-shadow: 0 2px 8px var(--shadow-color);\n}\n.media-sidebar-thumb.active {\n  border-color: var(--accent);\n  box-shadow: 0 0 0 2px var(--accent), 0 2px 8px var(--shadow-color);\n}\n.media-sidebar-thumb img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n.media-sidebar-thumb svg {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n.media-sidebar-thumb-video {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #000;\n}\n.media-sidebar-thumb-video video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.media-sidebar-thumb-video::after {\n  content: '';\n  position: absolute;\n  width: 24px;\n  height: 24px;\n  background: rgba(255,255,255,0.85);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.media-sidebar-thumb-video::before {\n  content: '';\n  position: absolute;\n  z-index: 1;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 5px 0 5px 9px;\n  border-color: transparent transparent transparent #000;\n  margin-left: 2px;\n}\n.media-sidebar-thumb-mermaid {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  padding: 2px;\n  background: var(--panel);\n  overflow: hidden;\n}\n.media-sidebar-thumb-mermaid svg {\n  width: 100% !important;\n  height: 100% !important;\n  max-width: 100%;\n  max-height: 100%;\n  display: block;\n}\n.media-sidebar-thumb-index {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  background: rgba(0,0,0,0.6);\n  color: #fff;\n  font-size: 9px;\n  font-weight: 600;\n  padding: 1px 4px;\n  border-radius: 3px;\n  line-height: 1.2;\n  pointer-events: none;\n  z-index: 1;\n}\n.media-sidebar-viewer {\n  width: 0;\n  overflow: hidden;\n  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  background: var(--bg);\n  position: relative;\n}\n.media-sidebar-viewer.open {\n  width: 45vw;\n  max-width: calc(100vw - 400px);\n  overflow: hidden;\n  padding: 16px;\n  border-right: 1px solid var(--border);\n  display: flex;\n  flex-direction: column;\n}\n.media-sidebar-viewer-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n  padding-top: 32px;\n}\n.media-sidebar-viewer-content img {\n  max-width: 100%;\n  max-height: calc(100vh - 170px);\n  object-fit: contain;\n  border-radius: 8px;\n}\n.media-sidebar-viewer-content video {\n  max-width: 100%;\n  max-height: calc(100vh - 170px);\n  border-radius: 8px;\n  background: #000;\n}\n.media-sidebar-viewer-content .viewer-mermaid-wrap {\n  width: 100%;\n  overflow: auto;\n  display: flex;\n  justify-content: center;\n  background: var(--panel);\n  border-radius: 8px;\n  padding: 16px;\n}\n.media-sidebar-viewer-content .viewer-mermaid-wrap svg {\n  width: 100% !important;\n  height: auto !important;\n  max-height: calc(100vh - 200px);\n}\n\n/* === Sidebar Rich Viewer: Mermaid zoom/pan/minimap === */\n.sidebar-mermaid-controls {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 10px;\n  background: var(--panel-alpha);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  margin-bottom: 8px;\n  width: 100%;\n  box-sizing: border-box;\n}\n.sidebar-mermaid-controls button {\n  background: var(--selected-bg);\n  border: 1px solid var(--border);\n  border-radius: 5px;\n  padding: 4px 10px;\n  cursor: pointer;\n  color: var(--text);\n  font-size: 13px;\n  line-height: 1;\n  transition: background 0.15s ease;\n}\n.sidebar-mermaid-controls button:hover { background: var(--hover-bg); }\n.sidebar-mermaid-controls .sidebar-zoom-info {\n  font-size: 11px;\n  color: var(--muted);\n  min-width: 40px;\n  text-align: center;\n  user-select: none;\n}\n.sidebar-mermaid-viewport {\n  width: 100%;\n  flex: 1;\n  overflow: hidden;\n  position: relative;\n  cursor: grab;\n  background: var(--panel);\n  border-radius: 8px;\n  border: 1px solid var(--border);\n}\n.sidebar-mermaid-viewport:active { cursor: grabbing; }\n.sidebar-mermaid-wrapper {\n  position: absolute;\n  transform-origin: 0 0;\n}\n.sidebar-mermaid-wrapper svg {\n  display: block;\n}\n.sidebar-minimap {\n  position: absolute;\n  bottom: 8px;\n  right: 8px;\n  width: 140px;\n  height: 100px;\n  background: var(--panel-alpha);\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  overflow: hidden;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.12);\n  z-index: 3;\n}\n.sidebar-minimap-content {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px;\n}\n.sidebar-minimap-content svg {\n  max-width: 100%;\n  max-height: 100%;\n  opacity: 0.6;\n}\n.sidebar-minimap-viewport {\n  position: absolute;\n  border: 2px solid var(--accent);\n  background: rgba(102, 126, 234, 0.2);\n  pointer-events: none;\n  border-radius: 2px;\n}\n\n/* === Sidebar Rich Viewer: Image zoom/pan === */\n.sidebar-image-viewport {\n  width: 100%;\n  flex: 1;\n  overflow: hidden;\n  position: relative;\n  cursor: grab;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.sidebar-image-viewport.panning { cursor: grabbing; }\n.sidebar-image-viewport img {\n  transform-origin: 0 0;\n  max-width: none !important;\n  max-height: none !important;\n  border-radius: 0 !important;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n.sidebar-zoom-indicator {\n  position: absolute;\n  bottom: 10px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: rgba(0, 0, 0, 0.65);\n  color: #fff;\n  font-size: 11px;\n  font-weight: 600;\n  padding: 3px 10px;\n  border-radius: 12px;\n  pointer-events: none;\n  z-index: 3;\n  backdrop-filter: blur(4px);\n  transition: opacity 0.3s ease;\n  user-select: none;\n}\n.sidebar-zoom-indicator.hidden { opacity: 0; }\n.sidebar-image-hint {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 11px;\n  color: var(--muted);\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.4s ease;\n  text-align: center;\n  z-index: 2;\n}\n\n/* === Sidebar Rich Viewer: Video container (timeline uses shared .video-timeline classes) === */\n.sidebar-video-container {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n.sidebar-video-container video {\n  width: 100%;\n  border-radius: 8px 8px 0 0;\n  background: #000;\n  max-height: calc(100vh - 260px);\n}\n\n.media-sidebar-viewer-label {\n  margin-top: 12px;\n  font-size: 12px;\n  color: var(--muted);\n  text-align: center;\n  word-break: break-all;\n}\n.media-sidebar-viewer-close {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  background: var(--panel);\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  width: 28px;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  color: var(--text);\n  font-size: 14px;\n  z-index: 2;\n  transition: background 0.15s ease;\n}\n.media-sidebar-viewer-close:hover {\n  background: var(--hover-bg);\n}\n.sidebar-viewer-settings-btn {\n  position: absolute;\n  top: 8px;\n  right: 44px;\n  background: var(--panel);\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  width: 28px;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  color: var(--text);\n  font-size: 14px;\n  z-index: 2;\n  transition: background 0.15s ease;\n}\n.sidebar-viewer-settings-btn:hover {\n  background: var(--hover-bg);\n}\n.sidebar-viewer-settings-btn + .video-settings-panel {\n  position: absolute;\n  top: 44px;\n  right: 8px;\n}\n\n.media-sidebar-toggle {\n  background: var(--panel);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  padding: 6px 10px;\n  cursor: pointer;\n  color: var(--text);\n  font-size: 14px;\n  transition: background 0.15s ease, border-color 0.15s ease;\n  display: none;\n}\n.media-sidebar-toggle.has-media {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n.media-sidebar-toggle:hover {\n  background: var(--hover-bg);\n  border-color: var(--accent);\n}\n.media-sidebar-toggle .toggle-count {\n  font-size: 10px;\n  font-weight: 700;\n  background: var(--accent);\n  color: var(--text-inverse);\n  padding: 1px 5px;\n  border-radius: 8px;\n  line-height: 1.4;\n}\n.view-toggle {\n  background: var(--panel);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  padding: 6px 10px;\n  cursor: pointer;\n  color: var(--text);\n  font-size: 14px;\n  transition: background 0.15s ease, border-color 0.15s ease;\n}\n.view-toggle:hover { background: rgba(96,165,250,0.2); }\n.view-toggle.active { background: var(--accent); color: #fff; }\n@media (max-width: 1200px) {\n  .media-sidebar-viewer.open {\n    width: 40vw;\n    max-width: calc(100vw - 350px);\n  }\n}\n@media (max-width: 900px) {\n  .media-sidebar-thumbs {\n    width: 72px;\n  }\n  .media-sidebar-thumb {\n    width: 56px;\n    height: 42px;\n  }\n  .media-sidebar-viewer.open {\n    width: 35vw;\n    max-width: calc(100vw - 300px);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .media-sidebar,\n  .media-sidebar-viewer,\n  .media-sidebar-thumb {\n    transition: none !important;\n  }\n}\n\n.md-preview h1, .md-preview h2, .md-preview h3, .md-preview h4 {\n  margin: 0.4em 0 0.2em;\n}\n/* Heading toggle feature */\n.md-preview .md-heading-toggle {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.md-preview .heading-toggle-icon {\n  font-size: 0.6em;\n  transition: transform 150ms ease;\n  color: var(--muted);\n  flex-shrink: 0;\n  cursor: pointer;\n  padding: 4px 8px;\n  margin: -4px 0 -4px -8px;\n  border-radius: 4px;\n}\n.md-preview .heading-toggle-icon:hover {\n  background: var(--hover-bg);\n  color: var(--accent);\n}\n.md-preview .md-heading-toggle.collapsed .heading-toggle-icon {\n  transform: rotate(-90deg);\n}\n.md-preview details.heading-toggle {\n  margin: 0.2em 0;\n}\n.md-preview details.heading-toggle > summary {\n  list-style: none;\n  cursor: pointer;\n}\n.md-preview details.heading-toggle > summary::-webkit-details-marker {\n  display: none;\n}\n.md-preview details.heading-toggle:not([open]) > .toggle-content {\n  display: none;\n}\n.md-preview .heading-section-content {\n  /* Content wrapper for collapsible sections */\n}\n.md-preview .heading-section-content.hidden {\n  display: none;\n}\n.md-preview p { margin: 0.3em 0; line-height: 1.5; }\n.md-preview img { max-width: 100%; height: auto; border-radius: 8px; }\n.md-preview video.video-preview { max-width: 100%; height: auto; border-radius: 8px; background: #000; }\n.md-preview table video.video-preview {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n.md-preview code { background: rgba(255,255,255,0.08); padding: 2px 4px; border-radius: 4px; }\n.md-preview pre {\n  background: var(--code-bg);\n  padding: 12px 16px;\n  border-radius: 8px;\n  overflow: auto;\n  border: 1px solid var(--border);\n}\n.md-preview pre code {\n  background: none;\n  padding: 0;\n  font-size: 13px;\n  line-height: 1.5;\n}\n.md-preview pre code.hljs {\n  background: transparent;\n  padding: 0;\n}\n/* YAML Frontmatter table */\n.frontmatter-table {\n  margin-bottom: 20px;\n  border-radius: 8px;\n  overflow: hidden;\n  border: 1px solid var(--border);\n  background: var(--panel);\n}\n.frontmatter-table table {\n  width: 100%;\n  border-collapse: collapse;\n  table-layout: fixed;\n}\n.frontmatter-table thead th {\n  background: linear-gradient(135deg, rgba(147, 51, 234, 0.15), rgba(96, 165, 250, 0.15));\n  color: var(--text);\n  font-size: 12px;\n  font-weight: 600;\n  padding: 10px 16px;\n  text-align: left;\n  border-bottom: 1px solid var(--border);\n}\n.frontmatter-table tbody th {\n  background: rgba(147, 51, 234, 0.08);\n  color: #c084fc;\n  font-weight: 500;\n  font-size: 12px;\n  padding: 8px 10px;\n  text-align: left;\n  border-bottom: 1px solid var(--border);\n  vertical-align: top;\n}\n.frontmatter-table tbody td {\n  padding: 8px 14px;\n  font-size: 13px;\n  border-bottom: 1px solid var(--border);\n  word-break: break-word;\n}\n.frontmatter-table tbody tr:last-child th,\n.frontmatter-table tbody tr:last-child td {\n  border-bottom: none;\n}\n.frontmatter-table .fm-tag {\n  display: inline-block;\n  background: rgba(96, 165, 250, 0.15);\n  color: var(--accent);\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 11px;\n  margin-right: 4px;\n  margin-bottom: 4px;\n}\n.frontmatter-table pre {\n  margin: 0;\n  background: var(--code-bg);\n  padding: 8px;\n  border-radius: 4px;\n  font-size: 11px;\n}\n/* Reviw questions preview cards */\n.reviw-questions-preview {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.reviw-q-card {\n  background: var(--code-bg);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  padding: 10px 12px;\n}\n.reviw-q-card.resolved {\n  border-left: 3px solid #22c55e;\n}\n.reviw-q-card.pending {\n  border-left: 3px solid #f59e0b;\n}\n.reviw-q-header {\n  font-size: 12px;\n  color: var(--text-dim);\n  margin-bottom: 4px;\n}\n.reviw-q-header strong {\n  color: var(--accent);\n}\n.reviw-q-question {\n  font-size: 13px;\n  color: var(--text);\n  margin-bottom: 6px;\n}\n.reviw-q-options {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  margin-bottom: 6px;\n}\n.reviw-q-answer {\n  font-size: 12px;\n  color: #22c55e;\n  background: rgba(34, 197, 94, 0.1);\n  padding: 4px 8px;\n  border-radius: 4px;\n}\n[data-theme=\"light\"] .frontmatter-table tbody th {\n  color: #7c3aed;\n}\n/* Table scroll container and indicator */\n.table-scroll-container {\n  position: relative;\n  margin: 16px 0;\n}\n.table-scroll-wrapper {\n  overflow-x: auto;\n  border-radius: 8px;\n}\n.scroll-hint {\n  text-align: right;\n  font-size: 12px;\n  color: var(--accent);\n  padding: 4px 8px;\n  margin-bottom: 4px;\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 200ms ease;\n}\n.table-scroll-container.can-scroll .scroll-hint {\n  opacity: 0.8;\n  visibility: visible;\n}\n.table-scroll-container.scrolled-end .scroll-hint {\n  opacity: 0;\n  visibility: hidden;\n}\n/* Markdown tables in preview */\n.md-preview table:not(.frontmatter-table table) {\n  min-width: 100%;\n  width: max-content;\n  border-collapse: collapse;\n  border: 1px solid var(--border);\n  border-radius: 8px;\n}\n.md-preview table:not(.frontmatter-table table) th,\n.md-preview table:not(.frontmatter-table table) td {\n  padding: 10px 16px;\n  text-align: left;\n  border-bottom: 1px solid var(--border);\n  vertical-align: top;\n  word-break: break-word;\n  overflow-wrap: anywhere;\n  width: auto;\n}\n/* Force equal column widths when colgroup is not specified */\n.md-preview table:not(.frontmatter-table table) colgroup ~ * th,\n.md-preview table:not(.frontmatter-table table) colgroup ~ * td {\n  width: auto;\n}\n.md-preview table:not(.frontmatter-table table) td:has(video),\n.md-preview table:not(.frontmatter-table table) td:has(img) {\n  padding: 4px;\n  line-height: 0;\n}\n.md-preview table:not(.frontmatter-table table) td video,\n.md-preview table:not(.frontmatter-table table) td img {\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n}\n.md-preview table:not(.frontmatter-table table) th {\n  background: var(--panel);\n  font-weight: 600;\n  font-size: 13px;\n}\n.md-preview table:not(.frontmatter-table table) td {\n  font-size: 13px;\n}\n.md-preview table:not(.frontmatter-table table) tr:last-child td {\n  border-bottom: none;\n}\n.md-preview table:not(.frontmatter-table table) tr:hover td {\n  background: var(--hover-bg);\n}\n/* Source table (右ペイン) */\n.table-box table {\n  table-layout: fixed;\n  width: 100%;\n}\n.table-box th,\n.table-box td {\n  word-break: break-word;\n  min-width: 140px;\n}\n.table-box th:first-child,\n.table-box td:first-child {\n  min-width: 320px;\n  max-width: 480px;\n}\n/* Image fullscreen overlay */\n.image-fullscreen-overlay {\n  position: fixed;\n  inset: 0;\n  background: var(--bg);\n  z-index: 1001;\n  display: none;\n  flex-direction: column;\n}\n.image-fullscreen-overlay.visible {\n  display: flex;\n}\n.image-fs-content {\n  flex: 1;\n  overflow: hidden;\n  position: relative;\n  cursor: grab;\n}\n.image-fs-content:active { cursor: grabbing; }\n.image-fs-content .image-fs-wrapper {\n  position: absolute;\n  transform-origin: 0 0;\n}\n.image-fs-content .image-fs-wrapper img {\n  display: block;\n}\n/* Video fullscreen overlay */\n.video-fullscreen-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.95);\n  z-index: 1001;\n  display: none;\n  justify-content: center;\n  align-items: center;\n}\n.video-fullscreen-overlay.visible {\n  display: flex;\n}\n.video-close-btn {\n  position: absolute;\n  top: 14px;\n  right: 14px;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.55);\n  border: 1px solid rgba(255, 255, 255, 0.25);\n  border-radius: 50%;\n  cursor: pointer;\n  color: #fff;\n  font-size: 18px;\n  z-index: 10;\n  backdrop-filter: blur(4px);\n  transition: background 120ms ease, transform 120ms ease;\n}\n.video-close-btn:hover {\n  background: rgba(0, 0, 0, 0.75);\n  transform: scale(1.04);\n}\n.video-container {\n  width: 90vw;\n  height: 90vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.video-container video {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  border-radius: 8px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n}\n/* Video Timeline - shared base styles (used by both fullscreen and sidebar) */\n.video-timeline {\n  background: rgba(0, 0, 0, 0.85);\n  display: flex;\n  overflow-x: auto;\n  backdrop-filter: blur(8px);\n  height: 80px;\n  padding: 8px;\n  gap: 4px;\n}\n.video-timeline::-webkit-scrollbar {\n  height: 6px;\n}\n.video-timeline::-webkit-scrollbar-track {\n  background: rgba(255, 255, 255, 0.1);\n  border-radius: 3px;\n}\n.video-timeline::-webkit-scrollbar-thumb {\n  background: rgba(255, 255, 255, 0.3);\n  border-radius: 3px;\n}\n.video-timeline::-webkit-scrollbar-thumb:hover {\n  background: rgba(255, 255, 255, 0.5);\n}\n/* Fullscreen-specific video timeline positioning */\n.video-container .video-timeline {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 5;\n}\n/* Sidebar-specific video timeline sizing */\n.sidebar-video-container .video-timeline {\n  width: 100%;\n  height: 72px;\n  padding: 6px;\n  gap: 3px;\n  border-radius: 0 0 8px 8px;\n  background: rgba(0, 0, 0, 0.88);\n}\n.sidebar-video-container .video-timeline::-webkit-scrollbar { height: 5px; }\n.sidebar-video-container .video-timeline::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.08); }\n.sidebar-video-container .video-timeline::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.25); }\n.sidebar-video-container .video-timeline::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.4); }\n.timeline-thumb {\n  height: 64px;\n  cursor: pointer;\n  border: 2px solid transparent;\n  border-radius: 4px;\n  flex-shrink: 0;\n  transition: border-color 0.2s, transform 0.15s;\n  opacity: 0.85;\n}\n.sidebar-video-container .timeline-thumb {\n  height: 52px;\n  opacity: 0.8;\n}\n.timeline-thumb:hover {\n  border-color: rgba(59, 130, 246, 0.5);\n  opacity: 1;\n  transform: scale(1.05);\n}\n.timeline-thumb.active {\n  border-color: #3b82f6;\n  opacity: 1;\n  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);\n}\n.sidebar-video-container .timeline-thumb.active {\n  box-shadow: 0 0 8px rgba(59, 130, 246, 0.4);\n}\n.timeline-loading {\n  color: rgba(255, 255, 255, 0.6);\n  font-size: 12px;\n  padding: 8px 12px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.sidebar-video-container .timeline-loading {\n  font-size: 11px;\n  padding: 6px 10px;\n  gap: 6px;\n  color: rgba(255, 255, 255, 0.5);\n}\n.timeline-loading::before {\n  content: '';\n  width: 14px;\n  height: 14px;\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-top-color: #3b82f6;\n  border-radius: 50%;\n  animation: timeline-spin 0.8s linear infinite;\n}\n.sidebar-video-container .timeline-loading::before {\n  width: 12px;\n  height: 12px;\n  border-width: 2px;\n  border-color: rgba(255, 255, 255, 0.25);\n  border-top-color: #3b82f6;\n}\n@keyframes timeline-spin {\n  to { transform: rotate(360deg); }\n}\n.timeline-time {\n  position: absolute;\n  bottom: 2px;\n  right: 4px;\n  font-size: 9px;\n  color: #fff;\n  background: rgba(0, 0, 0, 0.7);\n  padding: 1px 4px;\n  border-radius: 2px;\n  pointer-events: none;\n}\n.sidebar-video-container .timeline-time {\n  font-size: 8px;\n  right: 3px;\n  padding: 1px 3px;\n}\n.timeline-thumb-wrapper {\n  position: relative;\n  flex-shrink: 0;\n}\n/* Video threshold settings panel */\n.video-settings-btn {\n  position: absolute;\n  top: 14px;\n  right: 64px;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.55);\n  border: 1px solid rgba(255, 255, 255, 0.25);\n  border-radius: 50%;\n  cursor: pointer;\n  color: #fff;\n  font-size: 18px;\n  z-index: 10;\n  backdrop-filter: blur(4px);\n  transition: background 120ms ease, transform 120ms ease;\n}\n.video-settings-btn:hover {\n  background: rgba(0, 0, 0, 0.75);\n  transform: scale(1.04);\n}\n.video-settings-panel {\n  position: absolute;\n  top: 60px;\n  right: 14px;\n  background: rgba(0, 0, 0, 0.9);\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 12px;\n  padding: 16px;\n  z-index: 15;\n  min-width: 280px;\n  display: none;\n  backdrop-filter: blur(8px);\n}\n.video-settings-panel.visible {\n  display: block;\n}\n.video-settings-panel h4 {\n  margin: 0 0 8px;\n  color: #fff;\n  font-size: 14px;\n  font-weight: 500;\n}\n.video-settings-desc {\n  margin: 0 0 12px;\n  color: rgba(255, 255, 255, 0.6);\n  font-size: 11px;\n  line-height: 1.4;\n}\n.video-settings-buttons {\n  display: flex;\n  gap: 6px;\n  margin-bottom: 12px;\n}\n.video-settings-buttons button {\n  flex: 1;\n  padding: 8px 4px;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 6px;\n  background: rgba(255, 255, 255, 0.1);\n  color: rgba(255, 255, 255, 0.8);\n  font-size: 11px;\n  cursor: pointer;\n  transition: all 120ms ease;\n}\n.video-settings-buttons button:hover {\n  background: rgba(255, 255, 255, 0.2);\n  border-color: rgba(255, 255, 255, 0.3);\n}\n.video-settings-buttons button.selected {\n  background: #3b82f6;\n  border-color: #3b82f6;\n  color: #fff;\n}\n.video-settings-actions {\n  display: flex;\n  gap: 8px;\n  margin-top: 8px;\n}\n.video-settings-actions button {\n  flex: 1;\n  padding: 8px 12px;\n  border: none;\n  border-radius: 6px;\n  font-size: 12px;\n  cursor: pointer;\n  transition: background 120ms ease;\n}\n.video-settings-actions .reset-btn {\n  background: rgba(255, 255, 255, 0.15);\n  color: #fff;\n}\n.video-settings-actions .reset-btn:hover {\n  background: rgba(255, 255, 255, 0.25);\n}\n/* Video Shortcuts Help */\n.video-shortcuts-help {\n  opacity: 0.85;\n  transition: opacity 0.2s;\n}\n.video-shortcuts-help:hover {\n  opacity: 1;\n}\n.video-shortcuts-help .shortcuts-title {\n  font-weight: 600;\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  margin-bottom: 10px;\n  color: rgba(255, 255, 255, 0.7);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.video-shortcuts-help .shortcuts-title::before {\n  content: '\\u2328';\n  font-size: 14px;\n}\n.video-shortcuts-help .shortcut-item {\n  margin-bottom: 6px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  flex-wrap: wrap;\n}\n.video-shortcuts-help .shortcut-item:last-child {\n  margin-bottom: 0;\n}\n.video-shortcuts-help kbd {\n  display: inline-block;\n  background: rgba(255, 255, 255, 0.15);\n  border: 1px solid rgba(255, 255, 255, 0.25);\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-family: system-ui, -apple-system, sans-serif;\n  font-size: 10px;\n  font-weight: 500;\n  min-width: 18px;\n  text-align: center;\n  margin-right: 2px;\n}\n/* Reviw Questions Modal */\n.reviw-questions-overlay {\n  display: none;\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.8);\n  z-index: 1100;\n  justify-content: center;\n  align-items: center;\n}\n.reviw-questions-overlay.visible {\n  display: flex;\n}\n.reviw-questions-modal {\n  background: var(--card-bg);\n  border: 1px solid var(--border);\n  border-radius: 16px;\n  width: 90%;\n  max-width: 600px;\n  max-height: 80vh;\n  display: flex;\n  flex-direction: column;\n  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.5);\n}\n.reviw-questions-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--border);\n}\n.reviw-questions-header h2 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--text);\n}\n.reviw-questions-header h2 span {\n  font-size: 14px;\n  color: var(--text-dim);\n  font-weight: 400;\n}\n.reviw-questions-close {\n  width: 32px;\n  height: 32px;\n  border: none;\n  background: transparent;\n  color: var(--text-dim);\n  font-size: 18px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: all 150ms ease;\n}\n.reviw-questions-close:hover {\n  background: var(--border);\n  color: var(--text);\n}\n.reviw-questions-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 16px 20px;\n}\n.reviw-questions-footer {\n  padding: 12px 20px;\n  border-top: 1px solid var(--border);\n  display: flex;\n  justify-content: flex-end;\n}\n.reviw-questions-later {\n  padding: 8px 16px;\n  border: 1px solid var(--border);\n  background: transparent;\n  color: var(--text-dim);\n  border-radius: 8px;\n  cursor: pointer;\n  font-size: 13px;\n  transition: all 150ms ease;\n}\n.reviw-questions-later:hover {\n  background: var(--border);\n  color: var(--text);\n}\n/* Question Item */\n.reviw-question-item {\n  margin-bottom: 20px;\n  padding-bottom: 20px;\n  border-bottom: 1px solid var(--border);\n}\n.reviw-question-item:last-child {\n  margin-bottom: 0;\n  padding-bottom: 0;\n  border-bottom: none;\n}\n.reviw-question-text {\n  font-size: 14px;\n  color: var(--text);\n  margin-bottom: 12px;\n  line-height: 1.5;\n}\n.reviw-question-options {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 12px;\n}\n.reviw-question-option {\n  padding: 8px 14px;\n  border: 1px solid var(--border);\n  background: transparent;\n  color: var(--text);\n  border-radius: 8px;\n  cursor: pointer;\n  font-size: 13px;\n  transition: all 150ms ease;\n}\n.reviw-question-option:hover {\n  border-color: var(--accent);\n  background: rgba(96, 165, 250, 0.1);\n}\n.reviw-question-option.selected {\n  border-color: var(--accent);\n  background: var(--accent);\n  color: var(--text-inverse);\n}\n.reviw-question-input {\n  width: 100%;\n  padding: 10px 12px;\n  border: 1px solid var(--border);\n  background: var(--input-bg);\n  color: var(--text);\n  border-radius: 8px;\n  font-size: 13px;\n  resize: vertical;\n  min-height: 60px;\n}\n.reviw-question-input:focus {\n  outline: none;\n  border-color: var(--accent);\n}\n.reviw-question-input::placeholder {\n  color: var(--text-dim);\n}\n.reviw-check-mark {\n  color: #22c55e;\n  font-weight: bold;\n}\n.reviw-question-item.answered {\n  border-color: #22c55e;\n  background: rgba(34, 197, 94, 0.05);\n}\n.reviw-question-submit {\n  margin-top: 10px;\n  padding: 8px 16px;\n  border: none;\n  background: var(--accent);\n  color: var(--text-inverse);\n  border-radius: 8px;\n  cursor: pointer;\n  font-size: 13px;\n  font-weight: 500;\n  transition: all 150ms ease;\n}\n.reviw-question-submit:hover {\n  filter: brightness(1.1);\n}\n.reviw-question-submit:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n/* Resolved Section */\n.reviw-resolved-section {\n  margin-top: 16px;\n  border-top: 1px solid var(--border);\n  padding-top: 12px;\n}\n.reviw-resolved-toggle {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: none;\n  border: none;\n  color: var(--text-dim);\n  font-size: 13px;\n  cursor: pointer;\n  padding: 4px 0;\n}\n.reviw-resolved-toggle:hover {\n  color: var(--text);\n}\n.reviw-resolved-toggle .arrow {\n  transition: transform 150ms ease;\n}\n.reviw-resolved-toggle.open .arrow {\n  transform: rotate(90deg);\n}\n.reviw-resolved-list {\n  display: none;\n  margin-top: 12px;\n}\n.reviw-resolved-list.visible {\n  display: block;\n}\n.reviw-resolved-item {\n  padding: 10px 12px;\n  background: var(--input-bg);\n  border-radius: 8px;\n  margin-bottom: 8px;\n  opacity: 0.7;\n}\n.reviw-resolved-item:last-child {\n  margin-bottom: 0;\n}\n.reviw-resolved-q {\n  font-size: 12px;\n  color: var(--text-dim);\n  margin-bottom: 4px;\n}\n.reviw-resolved-a {\n  font-size: 13px;\n  color: var(--text);\n}\n/* Notice Bar */\n.reviw-questions-bar {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  background: var(--accent);\n  color: var(--text-inverse);\n  padding: 8px 16px;\n  font-size: 13px;\n  z-index: 1050;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n}\n.reviw-questions-bar.visible {\n  display: flex;\n}\n.reviw-questions-bar button {\n  padding: 4px 12px;\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  background: rgba(255, 255, 255, 0.1);\n  color: var(--text-inverse);\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 12px;\n  transition: all 150ms ease;\n}\n.reviw-questions-bar button:hover {\n  background: rgba(255, 255, 255, 0.2);\n}\n/* Adjust layout when bar is visible */\nbody.has-questions-bar header {\n  top: 36px;\n}\nbody.has-questions-bar .toolbar,\nbody.has-questions-bar .table-wrap {\n  margin-top: 36px;\n}\n/* Copy notification toast */\n.copy-toast {\n  position: fixed;\n  bottom: 60px;\n  left: 50%;\n  transform: translateX(-50%) translateY(20px);\n  background: var(--accent);\n  color: var(--text-inverse);\n  padding: 8px 16px;\n  border-radius: 8px;\n  font-size: 13px;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 200ms ease, transform 200ms ease;\n  z-index: 1000;\n}\n.copy-toast.visible {\n  opacity: 1;\n  transform: translateX(-50%) translateY(0);\n}\n@media (max-width: 960px) {\n  .md-layout { flex-direction: column; }\n  .md-left { max-width: 100%; flex: 1 1 0; min-height: 0; }\n  .md-right { display: none; }\n  .media-sidebar { display: none; }\n  .media-sidebar-toggle { display: none !important; }\n}\n.md-layout.preview-only .md-right { display: none; }\n.md-layout.preview-only .md-left { flex: 1 1 0; min-height: 0; max-width: 100%; }\n.filter-menu {\n  position: absolute;\n  background: var(--panel-solid);\n  border: 1px solid var(--border);\n  border-radius: 10px;\n  box-shadow: 0 14px 30px var(--shadow-color);\n  padding: 8px;\n  display: none;\n  z-index: 12;\n  width: 180px;\n  transition: background 200ms ease, border-color 200ms ease;\n}\n.filter-menu button {\n  width: 100%;\n  display: block;\n  margin: 4px 0;\n  padding: 8px 10px;\n  background: var(--selected-bg);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  color: var(--text);\n  cursor: pointer;\n  font-size: 13px;\n  text-align: left;\n}\n.filter-menu button:hover { background: var(--hover-bg); }\n.modal-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0,0,0,0.6);\n  display: none;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n}\n.modal-overlay.visible { display: flex; }\n/* Submit modal: top-right position, no blocking overlay */\n#submit-modal {\n  background: transparent;\n  pointer-events: none;\n  align-items: flex-start;\n  justify-content: flex-end;\n}\n#submit-modal.visible { display: flex; }\n#submit-modal .modal-dialog {\n  pointer-events: auto;\n  margin: 60px 20px 20px 20px; /* top margin avoids header button overlap */\n}\n.modal-dialog {\n  background: var(--panel-solid);\n  border: 1px solid var(--border);\n  border-radius: 14px;\n  padding: 20px;\n  width: 90%;\n  max-width: 480px;\n  box-shadow: 0 20px 40px var(--shadow-color);\n  transition: background 200ms ease, border-color 200ms ease;\n}\n.modal-dialog h3 { margin: 0 0 12px; font-size: 18px; color: var(--accent); }\n.modal-summary { color: var(--muted); font-size: 13px; margin-bottom: 12px; }\n.modal-dialog label { display: block; font-size: 13px; margin-bottom: 6px; color: var(--muted); }\n.modal-dialog textarea {\n  width: 100%;\n  min-height: 100px;\n  background: var(--input-bg);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  color: var(--text);\n  padding: 10px;\n  font-size: 14px;\n  resize: vertical;\n  box-sizing: border-box;\n  transition: background 200ms ease, border-color 200ms ease;\n}\n.modal-dialog textarea:focus { outline: none; border-color: var(--accent); }\n.modal-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 16px; }\n.modal-actions button {\n  padding: 8px 16px;\n  border-radius: 8px;\n  border: 1px solid var(--border);\n  background: var(--selected-bg);\n  color: var(--text);\n  cursor: pointer;\n  font-size: 14px;\n}\n.modal-actions button:hover { background: var(--hover-bg); }\n.modal-actions button.primary { background: var(--accent); color: var(--text-inverse); border-color: var(--accent); }\n.image-attach-area { margin: 12px 0; }\n.image-attach-area label { display: block; font-size: 12px; color: var(--muted); margin-bottom: 6px; }\n.image-attach-area.image-attach-small { margin: 8px 0; }\n.image-attach-area.image-attach-small label { font-size: 11px; }\n.image-preview-list { display: flex; flex-wrap: wrap; gap: 8px; min-height: 24px; }\n.image-preview-item { position: relative; }\n.image-preview-item img { max-width: 80px; max-height: 60px; border-radius: 4px; border: 1px solid var(--border); object-fit: cover; }\n.image-preview-item .remove-image { position: absolute; top: -6px; right: -6px; width: 18px; height: 18px; border-radius: 50%; background: var(--error, #ef4444); color: #fff; border: none; cursor: pointer; font-size: 12px; line-height: 1; display: flex; align-items: center; justify-content: center; }\n.image-preview-item .remove-image:hover { background: #dc2626; }\n.modal-actions button.primary:hover { background: #7dd3fc; }\n\n.modal-checkboxes { margin: 12px 0; }\n.modal-checkboxes label {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  font-size: 12px;\n  color: var(--text);\n  margin-bottom: 8px;\n  cursor: pointer;\n}\n.modal-checkboxes input[type=\"checkbox\"] {\n  margin-top: 2px;\n  accent-color: var(--accent);\n}\n\nbody.dragging { user-select: none; cursor: crosshair; }\nbody.dragging .diff-line { cursor: crosshair; }\n@media (max-width: 840px) {\n  header { flex-direction: column; align-items: flex-start; }\n  .comment-list { width: calc(100% - 24px); right: 12px; }\n}\n/* Mermaid diagram styles */\n.mermaid-container {\n  position: relative;\n  margin: 16px 0;\n  background: var(--panel);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  padding: 16px;\n  overflow: hidden;\n}\n.mermaid-container .mermaid {\n  display: flex;\n  justify-content: center;\n}\n.mermaid-container .mermaid svg {\n  max-width: 100%;\n  height: auto;\n  cursor: pointer;\n  pointer-events: auto;\n}\n.mermaid-error-banner {\n  background: #fff3f3;\n  color: #c33;\n  border: 1px solid #e88;\n  border-radius: 4px;\n  padding: 6px 10px;\n  margin-bottom: 8px;\n  font-size: 12px;\n  font-weight: 500;\n}\n[data-theme=\"dark\"] .mermaid-error-banner {\n  background: #3a1a1a;\n  color: #f88;\n  border-color: #744;\n}\n.mermaid-fullscreen-btn {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  background: var(--selected-bg);\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  padding: 6px 10px;\n  cursor: pointer;\n  color: var(--text);\n  font-size: 12px;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n.mermaid-fullscreen-btn:hover { background: var(--hover-bg); }\n/* Fullscreen overlay */\n.fullscreen-overlay {\n  position: fixed;\n  inset: 0;\n  background: var(--bg);\n  z-index: 1000;\n  display: none;\n  flex-direction: column;\n}\n.fullscreen-overlay.visible { display: flex; }\n.fullscreen-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 20px;\n  background: var(--panel-alpha);\n  border-bottom: 1px solid var(--border);\n}\n.fullscreen-header h3 { margin: 0; font-size: 14px; }\n.fullscreen-controls { display: flex; gap: 8px; align-items: center; }\n.fullscreen-controls button {\n  background: var(--selected-bg);\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  padding: 6px 12px;\n  cursor: pointer;\n  color: var(--text);\n  font-size: 13px;\n}\n.fullscreen-controls button:hover { background: var(--hover-bg); }\n.fullscreen-controls .zoom-info { font-size: 12px; color: var(--muted); min-width: 50px; text-align: center; }\n.fullscreen-content {\n  flex: 1;\n  overflow: hidden;\n  position: relative;\n  cursor: grab;\n}\n.fullscreen-content:active { cursor: grabbing; }\n.fullscreen-content .mermaid-wrapper {\n  position: absolute;\n  transform-origin: 0 0;\n  padding: 40px;\n}\n.fullscreen-content .mermaid svg {\n  display: block;\n}\n/* Minimap */\n.minimap {\n  position: absolute;\n  top: 70px;\n  right: 20px;\n  width: 200px;\n  height: 150px;\n  background: var(--panel-alpha);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n}\n.minimap-content {\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 8px;\n}\n.minimap-content svg {\n  max-width: 100%;\n  max-height: 100%;\n  opacity: 0.6;\n}\n.minimap-viewport {\n  position: absolute;\n  border: 2px solid var(--accent);\n  background: rgba(102, 126, 234, 0.2);\n  pointer-events: none;\n  border-radius: 2px;\n}\n/* Error toast */\n.mermaid-error-toast {\n  position: fixed;\n  bottom: 20px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: var(--error);\n  color: white;\n  padding: 12px 24px;\n  border-radius: 8px;\n  font-size: 13px;\n  max-width: 80%;\n  z-index: 2000;\n  display: none;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n  white-space: pre-wrap;\n  font-family: monospace;\n}\n.mermaid-error-toast.visible { display: block; }\n\n/* History Panel - Push layout */\nbody { transition: margin-right 0.25s ease; }\nbody.history-open { margin-right: 320px; }\nbody.history-open header { right: 320px; }\nheader { transition: right 0.25s ease; right: 0; }\n\n.history-toggle {\n  background: var(--selected-bg);\n  color: var(--text);\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  padding: 6px 8px;\n  font-size: 14px;\n  cursor: pointer;\n  width: 34px;\n  height: 34px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.history-toggle:hover { background: var(--border); }\n.history-panel {\n  position: fixed;\n  top: 0;\n  right: 0;\n  width: 320px;\n  height: 100vh;\n  background: var(--panel-solid);\n  border-left: 1px solid var(--border);\n  z-index: 90;\n  transform: translateX(100%);\n  transition: transform 0.25s ease;\n  display: flex;\n  flex-direction: column;\n}\n.history-panel.open { transform: translateX(0); }\n.history-panel-header {\n  padding: 16px;\n  border-bottom: 1px solid var(--border);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.history-panel-header h3 { margin: 0; font-size: 14px; font-weight: 600; }\n.history-panel-close {\n  background: transparent;\n  border: none;\n  color: var(--muted);\n  cursor: pointer;\n  font-size: 18px;\n  padding: 4px;\n}\n.history-panel-close:hover { color: var(--text); }\n.history-panel-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 12px;\n}\n.history-empty {\n  color: var(--muted);\n  font-size: 13px;\n  text-align: center;\n  padding: 40px 20px;\n}\n.history-date-group { margin-bottom: 16px; }\n.history-date {\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--muted);\n  margin-bottom: 8px;\n  text-transform: uppercase;\n}\n.history-item {\n  background: var(--bg);\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  margin-bottom: 8px;\n  overflow: hidden;\n}\n.history-item-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 10px;\n  background: var(--selected-bg);\n  cursor: pointer;\n}\n.history-item-header:hover { background: var(--hover-bg); }\n.history-item-file {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 180px;\n}\n.history-item-time { font-size: 10px; color: var(--muted); }\n.history-item-body {\n  display: none;\n  padding: 10px;\n  font-size: 12px;\n  border-top: 1px solid var(--border);\n}\n.history-item.expanded .history-item-body { display: block; }\n.history-summary {\n  color: var(--text);\n  margin-bottom: 8px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--border);\n}\n.history-summary-label {\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--muted);\n  margin-bottom: 4px;\n}\n.history-summary-text { white-space: pre-wrap; line-height: 1.4; }\n.history-comments-label {\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--muted);\n  margin-bottom: 6px;\n}\n.history-comment {\n  padding: 6px 0;\n  border-bottom: 1px solid var(--border);\n}\n.history-comment:last-child { border-bottom: none; }\n.history-comment-line {\n  font-size: 10px;\n  color: var(--accent);\n  font-weight: 600;\n  margin-bottom: 2px;\n}\n.history-comment-quote {\n  background: rgba(0, 0, 0, 0.3);\n  border-left: 2px solid var(--accent);\n  padding: 4px 8px;\n  margin: 4px 0;\n  font-family: 'SF Mono', Monaco, Consolas, monospace;\n  font-size: 11px;\n  color: var(--muted);\n  white-space: pre-wrap;\n  word-break: break-all;\n  max-height: 80px;\n  overflow-y: auto;\n}\n.history-comment-text {\n  color: var(--text);\n  line-height: 1.4;\n  white-space: pre-wrap;\n}\n.history-badge {\n  display: inline-block;\n  background: var(--accent);\n  color: var(--text-inverse);\n  font-size: 10px;\n  padding: 2px 6px;\n  border-radius: 10px;\n  margin-left: 6px;\n}\n/* Table scroll container */\n.table-container {\n  overflow-x: auto;\n  margin: 16px 0;\n  border-radius: 8px;\n  border: 1px solid var(--border);\n}\n.table-container table {\n  margin: 0;\n  border: none;\n  border-radius: 0;\n}\n.table-container::-webkit-scrollbar {\n  height: 6px;\n}\n.table-container::-webkit-scrollbar-track {\n  background: var(--bg);\n  border-radius: 3px;\n}\n.table-container::-webkit-scrollbar-thumb {\n  background: var(--border);\n  border-radius: 3px;\n}\n.table-container::-webkit-scrollbar-thumb:hover {\n  background: var(--muted);\n}\n/* Media sidebar */\n.media-sidebar {\n  display: flex;\n  flex-shrink: 0;\n  height: calc(100vh - 80px);\n  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  z-index: 10;\n  max-width: 60%;\n}\n.media-sidebar.hidden { display: none; }\n.media-sidebar-thumbs {\n  width: 96px;\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 8px;\n  border-right: 1px solid var(--border);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  background: var(--panel);\n  scrollbar-width: thin;\n  scrollbar-color: var(--border) transparent;\n}\n.media-sidebar-thumbs::-webkit-scrollbar { width: 4px; }\n.media-sidebar-thumbs::-webkit-scrollbar-track { background: transparent; }\n.media-sidebar-thumbs::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }\n.media-sidebar-thumb {\n  width: 80px;\n  height: 60px;\n  border-radius: 6px;\n  border: 2px solid var(--border);\n  overflow: hidden;\n  cursor: pointer;\n  position: relative;\n  flex-shrink: 0;\n  background: var(--bg);\n  transition: border-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;\n}\n.media-sidebar-thumb:hover { border-color: var(--accent); transform: scale(1.05); box-shadow: 0 2px 8px var(--shadow-color); }\n.media-sidebar-thumb.active { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent), 0 2px 8px var(--shadow-color); }\n.media-sidebar-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.media-sidebar-thumb svg { width: 100%; height: 100%; display: block; }\n.media-sidebar-thumb-video {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #000;\n}\n.media-sidebar-thumb-video video { width: 100%; height: 100%; object-fit: cover; }\n.media-sidebar-thumb-video::after {\n  content: '';\n  position: absolute;\n  width: 24px;\n  height: 24px;\n  background: rgba(255,255,255,0.85);\n  border-radius: 50%;\n}\n.media-sidebar-thumb-video::before {\n  content: '';\n  position: absolute;\n  z-index: 1;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 5px 0 5px 9px;\n  border-color: transparent transparent transparent #000;\n  margin-left: 2px;\n}\n.media-sidebar-thumb-mermaid {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  padding: 2px;\n  background: var(--panel);\n  overflow: hidden;\n}\n.media-sidebar-thumb-mermaid svg { width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; display: block; }\n.media-sidebar-thumb-index {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  background: rgba(0,0,0,0.6);\n  color: #fff;\n  font-size: 9px;\n  font-weight: 600;\n  padding: 1px 4px;\n  border-radius: 3px;\n  line-height: 1.2;\n  pointer-events: none;\n  z-index: 1;\n}\n.media-sidebar-viewer {\n  width: 0;\n  overflow: hidden;\n  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  background: var(--bg);\n  position: relative;\n}\n.media-sidebar-viewer.open {\n  width: 45vw;\n  max-width: calc(100vw - 400px);\n  overflow: hidden;\n  padding: 16px;\n  border-right: 1px solid var(--border);\n  display: flex;\n  flex-direction: column;\n}\n.media-sidebar-viewer-close {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  z-index: 2;\n  background: var(--selected-bg);\n  border: 1px solid var(--border);\n  color: var(--text);\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  cursor: pointer;\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.media-sidebar-viewer-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n.media-sidebar-viewer-content img { max-width: 100%; max-height: calc(100vh - 140px); object-fit: contain; border-radius: 8px; }\n.media-sidebar-viewer-content video { max-width: 100%; max-height: calc(100vh - 140px); border-radius: 8px; background: #000; }\n.media-sidebar-viewer-label {\n  margin-top: 8px;\n  font-size: 12px;\n  color: var(--muted);\n  text-align: center;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n.sidebar-zoom-indicator {\n  position: absolute;\n  bottom: 12px;\n  right: 12px;\n  background: rgba(0,0,0,0.7);\n  color: #fff;\n  padding: 4px 8px;\n  border-radius: 4px;\n  font-size: 11px;\n  pointer-events: none;\n  transition: opacity 0.3s ease;\n}\n.sidebar-zoom-indicator.hidden { opacity: 0; }\n.sidebar-mermaid-viewport { overflow: hidden; position: relative; cursor: grab; }\n.sidebar-mermaid-wrapper { position: absolute; left: 0; top: 0; transform-origin: 0 0; }\n.sidebar-video-container { width: 100%; }\n.sidebar-video-container video { width: 100%; max-height: calc(100vh - 200px); border-radius: 8px; background: #000; }\n/* Video timeline */\n.video-timeline {\n  display: flex;\n  gap: 8px;\n  padding: 8px;\n  overflow-x: auto;\n  background: var(--panel);\n  border-radius: 8px;\n  margin-top: 8px;\n  scrollbar-width: thin;\n  scrollbar-color: var(--border) transparent;\n}\n.timeline-loading { color: var(--muted); font-size: 12px; padding: 8px; }\n.timeline-thumb-wrapper {\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  cursor: pointer;\n}\n.timeline-thumb {\n  width: 80px;\n  height: 60px;\n  object-fit: cover;\n  border-radius: 4px;\n  border: 2px solid transparent;\n  transition: border-color 0.2s ease;\n}\n.timeline-thumb.active { border-color: var(--accent); }\n.timeline-thumb:hover { border-color: var(--accent); opacity: 0.8; }\n.timeline-time { font-size: 10px; color: var(--muted); }\n/* Fullscreen overlay */\n.fullscreen-overlay {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0,0,0,0.9);\n  z-index: 1000;\n  flex-direction: column;\n}\n.fullscreen-overlay.visible { display: flex; }\n.fullscreen-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  background: rgba(0,0,0,0.8);\n  border-bottom: 1px solid rgba(255,255,255,0.1);\n}\n.fullscreen-header h3 { margin: 0; color: #fff; font-size: 14px; }\n.fullscreen-controls { display: flex; gap: 6px; align-items: center; }\n.fullscreen-controls button {\n  background: rgba(255,255,255,0.1);\n  border: 1px solid rgba(255,255,255,0.2);\n  color: #fff;\n  padding: 6px 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 12px;\n}\n.fullscreen-controls button:hover { background: rgba(255,255,255,0.2); }\n.fullscreen-controls .zoom-info { color: #fff; font-size: 12px; min-width: 40px; text-align: center; }\n@media (max-width: 960px) {\n  .media-sidebar { display: none !important; }\n  .media-sidebar-toggle { display: none !important; }\n}");
+  _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "/* Dark theme (default) */\n:root {\n  color-scheme: dark;\n  --bg: #0f172a;\n  --bg-gradient: radial-gradient(circle at 20% 20%, #1e293b 0%, #0b1224 35%, #0b1224 60%, #0f172a 100%);\n  --panel: #111827;\n  --panel-alpha: rgba(15, 23, 42, 0.9);\n  --panel-solid: #0b1224;\n  --card-bg: rgba(11, 18, 36, 0.95);\n  --input-bg: rgba(15, 23, 42, 0.6);\n  --border: #1f2937;\n  --accent: #60a5fa;\n  --accent-2: #f472b6;\n  --text: #e5e7eb;\n  --text-inverse: #0b1224;\n  --muted: #94a3b8;\n  --comment: #0f766e;\n  --badge: #22c55e;\n  --table-bg: rgba(15, 23, 42, 0.7);\n  --row-even: rgba(30, 41, 59, 0.4);\n  --row-odd: rgba(15, 23, 42, 0.2);\n  --selected-bg: rgba(96,165,250,0.15);\n  --hover-bg: rgba(96,165,250,0.08);\n  --shadow-color: rgba(0,0,0,0.35);\n  --code-bg: #1e293b;\n  --error: #dc3545;\n}\n/* Light theme */\n[data-theme=\"light\"] {\n  color-scheme: light;\n  --bg: #f8fafc;\n  --bg-gradient: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n  --panel: #ffffff;\n  --panel-alpha: rgba(255, 255, 255, 0.95);\n  --panel-solid: #ffffff;\n  --card-bg: rgba(255, 255, 255, 0.98);\n  --input-bg: #f1f5f9;\n  --border: #e2e8f0;\n  --accent: #3b82f6;\n  --accent-2: #ec4899;\n  --text: #1e293b;\n  --text-inverse: #ffffff;\n  --muted: #64748b;\n  --comment: #14b8a6;\n  --badge: #22c55e;\n  --table-bg: #ffffff;\n  --row-even: #f8fafc;\n  --row-odd: #ffffff;\n  --selected-bg: rgba(59,130,246,0.12);\n  --hover-bg: rgba(59,130,246,0.06);\n  --shadow-color: rgba(0,0,0,0.1);\n  --code-bg: #f1f5f9;\n  --error: #dc3545;\n}\n* { box-sizing: border-box; }\nbody {\n  margin: 0;\n  font-family: \"Inter\", \"Hiragino Sans\", system-ui, -apple-system, sans-serif;\n  background: var(--bg-gradient);\n  color: var(--text);\n  min-height: 100vh;\n  transition: background 200ms ease, color 200ms ease;\n}\nheader {\n  position: sticky;\n  top: 0;\n  z-index: 5;\n  padding: 12px 16px;\n  background: var(--panel-alpha);\n  backdrop-filter: blur(8px);\n  border-bottom: 1px solid var(--border);\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  justify-content: space-between;\n  transition: background 200ms ease, border-color 200ms ease;\n}\nheader .meta { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }\nheader .actions { display: flex; gap: 8px; align-items: center; }\nheader h1 { display: flex; flex-direction: column; margin: 0; line-height: 1.3; }\nheader h1 .title-path { font-size: 11px; font-weight: 400; color: var(--muted); }\nheader h1 .title-file { font-size: 16px; font-weight: 700; }\nheader .badge {\n  background: var(--selected-bg);\n  color: var(--text);\n  padding: 6px 10px;\n  border-radius: 8px;\n  font-size: 12px;\n  border: 1px solid var(--border);\n}\nheader button {\n  background: linear-gradient(135deg, #38bdf8, #6366f1);\n  color: var(--text-inverse);\n  border: none;\n  border-radius: 10px;\n  padding: 10px 14px;\n  font-weight: 700;\n  cursor: pointer;\n  box-shadow: 0 10px 30px var(--shadow-color);\n  transition: transform 120ms ease, box-shadow 120ms ease;\n}\nheader button:hover { transform: translateY(-1px); box-shadow: 0 16px 36px var(--shadow-color); }\nheader button:active { transform: translateY(0); }\n/* Theme toggle button */\n.theme-toggle {\n  background: var(--selected-bg);\n  color: var(--text);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  padding: 8px 10px;\n  font-size: 16px;\n  cursor: pointer;\n  transition: background 120ms ease, transform 120ms ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 38px;\n  height: 38px;\n}\n.theme-toggle:hover { background: var(--hover-bg); transform: scale(1.05); }\n\n.wrap { padding: 12px 16px 12px; }\n.toolbar {\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  flex-wrap: wrap;\n  margin: 10px 0 12px;\n  color: var(--muted);\n  font-size: 13px;\n}\n.toolbar button {\n  background: rgba(96,165,250,0.12);\n  color: var(--text);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  padding: 8px 10px;\n  font-size: 13px;\n  cursor: pointer;\n}\n.toolbar button:hover { background: rgba(96,165,250,0.2); }\n\n.table-box {\n  background: var(--table-bg);\n  border: 1px solid var(--border);\n  border-radius: 12px;\n  overflow: auto;\n  max-height: calc(100vh - 110px);\n  box-shadow: 0 20px 50px var(--shadow-color);\n  transition: background 200ms ease, border-color 200ms ease;\n}\ntable {\n  border-collapse: collapse;\n  width: 100%;\n  min-width: 540px;\n  table-layout: fixed;\n}\nthead th {\n  position: sticky;\n  top: 0;\n  z-index: 3;\n  background: var(--panel-solid) !important;\n  color: var(--muted);\n  font-size: 12px;\n  text-align: center;\n  padding: 0;\n  border-bottom: 1px solid var(--border);\n  border-right: 1px solid var(--border);\n  white-space: nowrap;\n  transition: background 200ms ease;\n}\nthead th:not(.selected) {\n  background: var(--panel-solid) !important;\n}\nthead th:first-child,\ntbody th {\n  width: 28px;\n  min-width: 28px;\n  max-width: 28px;\n}\nthead th .th-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: 8px 6px;\n  position: relative;\n  height: 100%;\n}\nthead th.filtered .th-inner {\n  background: linear-gradient(135deg, rgba(96,165,250,0.18), rgba(34,197,94,0.18));\n  color: #e5e7eb;\n  border-radius: 6px;\n  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.05);\n}\nthead th.filtered .th-inner::after {\n  content: 'FILTER';\n  font-size: 10px;\n  color: #c7d2fe;\n  background: rgba(99,102,241,0.24);\n  border: 1px solid rgba(99,102,241,0.45);\n  padding: 1px 6px;\n  border-radius: 999px;\n  position: absolute;\n  bottom: 4px;\n  right: 6px;\n}\n.resizer {\n  position: absolute;\n  right: 2px;\n  top: 0;\n  width: 6px;\n  height: 100%;\n  cursor: col-resize;\n  user-select: none;\n  touch-action: none;\n  opacity: 0.6;\n}\n.resizer::after {\n  content: '';\n  position: absolute;\n  top: 10%;\n  bottom: 10%;\n  left: 2px;\n  width: 2px;\n  background: rgba(96,165,250,0.6);\n  border-radius: 2px;\n  opacity: 0;\n  transition: opacity 120ms ease;\n}\nthead th:hover .resizer::after { opacity: 1; }\n\n.freeze {\n  position: sticky !important;\n  background: var(--panel-solid);\n  z-index: 4;\n}\n.freeze-row {\n  position: sticky !important;\n  background: var(--panel-solid);\n}\n.freeze-row.freeze {\n  z-index: 6;\n}\nth.freeze-row {\n  z-index: 6;\n}\ntbody th {\n  position: sticky;\n  left: 0;\n  z-index: 2;\n  background: var(--panel-solid);\n  color: var(--muted);\n  text-align: right;\n  padding: 8px 10px;\n  font-size: 12px;\n  border-right: 1px solid var(--border);\n  border-bottom: 1px solid var(--border);\n  transition: background 200ms ease;\n}\ntd {\n  padding: 10px 10px;\n  border-bottom: 1px solid var(--border);\n  border-right: 1px solid var(--border);\n  background: var(--row-odd);\n  color: var(--text);\n  font-size: 13px;\n  line-height: 1.45;\n  cursor: pointer;\n  transition: background 120ms ease, box-shadow 120ms ease;\n  position: relative;\n  white-space: pre-wrap;\n  word-break: break-word;\n  max-width: 320px;\n}\ntr:nth-child(even) td:not(.selected):not(.has-comment) { background: var(--row-even); }\ntd:hover:not(.selected) { background: var(--hover-bg); box-shadow: inset 0 0 0 1px rgba(96,165,250,0.25); }\ntd.has-comment { background: rgba(34,197,94,0.12); box-shadow: inset 0 0 0 1px rgba(34,197,94,0.35); }\ntd.selected, tbody th.selected { background: rgba(99,102,241,0.22) !important; box-shadow: inset 0 0 0 1px rgba(99,102,241,0.45); }\n.preview-highlight { background: rgba(167,139,250,0.18) !important; box-shadow: inset 0 0 0 2px rgba(139,92,246,0.35); border-radius: 4px; transition: background 150ms ease, box-shadow 150ms ease; padding-left: 8px; margin-left: -8px; }\nthead th.selected { background: #c7d2fe !important; box-shadow: inset 0 0 0 1px rgba(99,102,241,0.45); }\n[data-theme=\"dark\"] thead th.selected { background: #3730a3 !important; }\nbody.dragging { user-select: none; cursor: crosshair; }\nbody.dragging td, body.dragging tbody th { cursor: crosshair; }\ntbody th { cursor: pointer; }\ntd .dot {\n  position: absolute;\n  right: 6px;\n  top: 6px;\n  width: 8px;\n  height: 8px;\n  border-radius: 99px;\n  background: var(--badge);\n  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);\n}\n.floating {\n  position: fixed;\n  z-index: 10;\n  background: var(--panel-solid);\n  border: 1px solid var(--border);\n  border-radius: 12px;\n  padding: 12px;\n  width: min(420px, calc(100vw - 32px));\n  box-shadow: 0 20px 40px var(--shadow-color);\n  display: none;\n  transition: background 200ms ease, border-color 200ms ease;\n}\n.card-close-x {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  background: transparent;\n  border: none;\n  color: var(--muted);\n  font-size: 20px;\n  line-height: 1;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  transition: background 120ms ease, color 120ms ease;\n}\n.card-close-x:hover { background: var(--border); color: var(--text);\n}\n.floating header {\n  position: static;\n  background: transparent;\n  backdrop-filter: none;\n  border: none;\n  padding: 0 0 8px 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.floating h2 { font-size: 14px; margin: 0; color: var(--text); }\n.floating button {\n  margin-left: 8px;\n  background: var(--accent);\n  color: var(--text-inverse);\n  border: 1px solid var(--accent);\n  padding: 6px 10px;\n  border-radius: 8px;\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: background 120ms ease, opacity 120ms ease;\n}\n.floating button.icon-only {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  line-height: 1;\n}\n.floating button:hover { opacity: 0.85; }\n.copy-btn-float {\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  z-index: 2;\n  background: var(--panel-solid) !important;\n  border: 1px solid var(--border) !important;\n  color: var(--muted) !important;\n  opacity: 0.7;\n}\n.copy-btn-float:hover { opacity: 1 !important; }\n.card-actions-split {\n  display: flex;\n  justify-content: space-between !important;\n  align-items: center;\n  margin-top: 8px;\n}\n.danger-text {\n  background: transparent !important;\n  border: none !important;\n  color: #ef4444 !important;\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  padding: 4px 8px;\n}\n.danger-text:hover { color: #dc2626 !important; text-decoration: underline; }\n.floating textarea {\n  width: 100%;\n  min-height: 70px;\n  resize: vertical;\n  border-radius: 8px;\n  border: 1px solid var(--border);\n  background: var(--input-bg);\n  color: var(--text);\n  padding: 10px;\n  font-size: 13px;\n  line-height: 1.4;\n  transition: background 200ms ease, border-color 200ms ease;\n}\n.floating textarea:focus {\n  outline: none;\n  border-color: var(--accent);\n}\n.floating .actions {\n  display: flex;\n  gap: 8px;\n  justify-content: flex-end;\n  margin-top: 10px;\n}\n.floating .actions button.primary {\n  background: linear-gradient(135deg, #22c55e, #16a34a);\n  color: var(--text-inverse);\n  border: none;\n  font-weight: 700;\n  box-shadow: 0 10px 30px rgba(22,163,74,0.35);\n}\n.comment-list {\n  position: fixed;\n  right: 14px;\n  bottom: 14px;\n  width: 320px;\n  max-height: 60vh;\n  overflow: auto;\n  border: 1px solid var(--border);\n  border-radius: 12px;\n  background: var(--card-bg);\n  box-shadow: 0 18px 40px var(--shadow-color);\n  padding: 12px;\n  backdrop-filter: blur(6px);\n  transition: opacity 120ms ease, transform 120ms ease, background 200ms ease;\n}\n.comment-list h3 { margin: 0 0 8px 0; font-size: 13px; color: var(--muted); }\n.comment-list ol {\n  margin: 0;\n  padding-left: 18px;\n  color: var(--text);\n  font-size: 13px;\n  line-height: 1.45;\n}\n.comment-list li { margin-bottom: 6px; }\n.comment-list .hint { color: var(--muted); font-size: 12px; }\n.pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 999px; background: var(--selected-bg); border: 1px solid var(--border); font-size: 12px; color: var(--text); cursor: pointer; transition: background 150ms ease, border-color 150ms ease; }\n.pill:hover { background: var(--hover-bg); border-color: var(--accent); }\n.pill strong { color: var(--text); font-weight: 700; }\n.comment-list.collapsed {\n  opacity: 0;\n  pointer-events: none;\n  transform: translateY(8px) scale(0.98);\n}\n.md-preview {\n  background: var(--input-bg);\n  border: 1px solid var(--border);\n  border-radius: 12px;\n  padding: 14px;\n  margin-bottom: 12px;\n  transition: background 200ms ease, border-color 200ms ease;\n}\n.md-layout {\n  display: flex;\n  gap: 16px;\n  align-items: stretch;\n  margin-top: 8px;\n  height: calc(100vh - 80px);\n}\n.md-left {\n  flex: 1;\n  min-width: 200px;\n  overflow-y: auto;\n  overflow-x: auto;\n  overscroll-behavior: contain;\n}\n.md-left .md-preview {\n  max-height: none;\n}\n.md-right {\n  flex: 1;\n  min-width: 0;\n  overflow-y: auto;\n  overflow-x: auto;\n  overscroll-behavior: contain;\n}\n.md-right .table-box {\n  max-width: none;\n  min-width: 0;\n  max-height: none;\n  overflow: visible;\n}\n/* Ensure thead is opaque in md-right to prevent content showing through */\n.md-right thead th {\n  background: var(--panel-solid) !important;\n}\n.md-right thead th.selected {\n  background: #c7d2fe !important;\n}\n[data-theme=\"dark\"] .md-right thead th {\n  background: var(--panel-solid) !important;\n}\n[data-theme=\"dark\"] .md-right thead th.selected {\n  background: #3730a3 !important;\n}\n\n/* === Media Sidebar === */\n.media-sidebar {\n  display: flex;\n  flex-shrink: 0;\n  height: calc(100vh - 80px);\n  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  z-index: 10;\n  max-width: 60%;\n}\n.media-sidebar.hidden {\n  display: none;\n}\n.media-sidebar-thumbs {\n  width: 96px;\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 8px;\n  border-right: 1px solid var(--border);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  background: var(--panel);\n  scrollbar-width: thin;\n  scrollbar-color: var(--border) transparent;\n}\n.media-sidebar-thumbs::-webkit-scrollbar {\n  width: 4px;\n}\n.media-sidebar-thumbs::-webkit-scrollbar-track {\n  background: transparent;\n}\n.media-sidebar-thumbs::-webkit-scrollbar-thumb {\n  background: var(--border);\n  border-radius: 4px;\n}\n.media-sidebar-thumb {\n  width: 80px;\n  height: 60px;\n  border-radius: 6px;\n  border: 2px solid var(--border);\n  overflow: hidden;\n  cursor: pointer;\n  position: relative;\n  flex-shrink: 0;\n  background: var(--bg);\n  transition: border-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;\n}\n.media-sidebar-thumb:hover {\n  border-color: var(--accent);\n  transform: scale(1.05);\n  box-shadow: 0 2px 8px var(--shadow-color);\n}\n.media-sidebar-thumb.active {\n  border-color: var(--accent);\n  box-shadow: 0 0 0 2px var(--accent), 0 2px 8px var(--shadow-color);\n}\n.media-sidebar-thumb img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n.media-sidebar-thumb svg {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n.media-sidebar-thumb-video {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #000;\n}\n.media-sidebar-thumb-video video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.media-sidebar-thumb-video::after {\n  content: '';\n  position: absolute;\n  width: 24px;\n  height: 24px;\n  background: rgba(255,255,255,0.85);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.media-sidebar-thumb-video::before {\n  content: '';\n  position: absolute;\n  z-index: 1;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 5px 0 5px 9px;\n  border-color: transparent transparent transparent #000;\n  margin-left: 2px;\n}\n.media-sidebar-thumb-mermaid {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  padding: 2px;\n  background: var(--panel);\n  overflow: hidden;\n}\n.media-sidebar-thumb-mermaid svg {\n  width: 100% !important;\n  height: 100% !important;\n  max-width: 100%;\n  max-height: 100%;\n  display: block;\n}\n.media-sidebar-thumb-index {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  background: rgba(0,0,0,0.6);\n  color: #fff;\n  font-size: 9px;\n  font-weight: 600;\n  padding: 1px 4px;\n  border-radius: 3px;\n  line-height: 1.2;\n  pointer-events: none;\n  z-index: 1;\n}\n.media-sidebar-viewer {\n  width: 0;\n  overflow: hidden;\n  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  background: var(--bg);\n  position: relative;\n}\n.media-sidebar-viewer.open {\n  width: 45vw;\n  max-width: calc(100vw - 400px);\n  overflow: hidden;\n  padding: 16px;\n  border-right: 1px solid var(--border);\n  display: flex;\n  flex-direction: column;\n}\n.media-sidebar-viewer-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n  padding-top: 32px;\n}\n.media-sidebar-viewer-content img {\n  max-width: 100%;\n  max-height: calc(100vh - 170px);\n  object-fit: contain;\n  border-radius: 8px;\n}\n.media-sidebar-viewer-content video {\n  max-width: 100%;\n  max-height: calc(100vh - 170px);\n  border-radius: 8px;\n  background: #000;\n}\n.media-sidebar-viewer-content .viewer-mermaid-wrap {\n  width: 100%;\n  overflow: auto;\n  display: flex;\n  justify-content: center;\n  background: var(--panel);\n  border-radius: 8px;\n  padding: 16px;\n}\n.media-sidebar-viewer-content .viewer-mermaid-wrap svg {\n  width: 100% !important;\n  height: auto !important;\n  max-height: calc(100vh - 200px);\n}\n\n/* === Sidebar Rich Viewer: Mermaid zoom/pan/minimap === */\n.sidebar-mermaid-controls {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 10px;\n  background: var(--panel-alpha);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  margin-bottom: 8px;\n  width: 100%;\n  box-sizing: border-box;\n}\n.sidebar-mermaid-controls button {\n  background: var(--selected-bg);\n  border: 1px solid var(--border);\n  border-radius: 5px;\n  padding: 4px 10px;\n  cursor: pointer;\n  color: var(--text);\n  font-size: 13px;\n  line-height: 1;\n  transition: background 0.15s ease;\n}\n.sidebar-mermaid-controls button:hover { background: var(--hover-bg); }\n.sidebar-mermaid-controls .sidebar-zoom-info {\n  font-size: 11px;\n  color: var(--muted);\n  min-width: 40px;\n  text-align: center;\n  user-select: none;\n}\n.sidebar-mermaid-viewport {\n  width: 100%;\n  flex: 1;\n  overflow: hidden;\n  position: relative;\n  cursor: grab;\n  background: var(--panel);\n  border-radius: 8px;\n  border: 1px solid var(--border);\n}\n.sidebar-mermaid-viewport:active { cursor: grabbing; }\n.sidebar-mermaid-wrapper {\n  position: absolute;\n  transform-origin: 0 0;\n}\n.sidebar-mermaid-wrapper svg {\n  display: block;\n}\n.sidebar-minimap {\n  position: absolute;\n  top: 12px;\n  right: 8px;\n  bottom: auto;\n  left: auto;\n  width: 140px;\n  height: 100px;\n  background: var(--panel-alpha);\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  overflow: hidden;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.12);\n  z-index: 3;\n}\n.sidebar-minimap-content {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px;\n}\n.sidebar-minimap-content svg {\n  max-width: 100%;\n  max-height: 100%;\n  opacity: 0.6;\n}\n.sidebar-minimap-viewport {\n  position: absolute;\n  border: 2px solid var(--accent);\n  background: rgba(102, 126, 234, 0.2);\n  pointer-events: none;\n  border-radius: 2px;\n}\n\n/* === Sidebar Rich Viewer: Image zoom/pan === */\n.sidebar-image-viewport {\n  width: 100%;\n  flex: 1;\n  overflow: hidden;\n  position: relative;\n  cursor: grab;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.sidebar-image-viewport.panning { cursor: grabbing; }\n.sidebar-image-viewport img {\n  transform-origin: 0 0;\n  max-width: none !important;\n  max-height: none !important;\n  border-radius: 0 !important;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n.sidebar-zoom-indicator {\n  position: absolute;\n  bottom: 10px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: rgba(0, 0, 0, 0.65);\n  color: #fff;\n  font-size: 11px;\n  font-weight: 600;\n  padding: 3px 10px;\n  border-radius: 12px;\n  pointer-events: none;\n  z-index: 3;\n  backdrop-filter: blur(4px);\n  transition: opacity 0.3s ease;\n  user-select: none;\n}\n.sidebar-zoom-indicator.hidden { opacity: 0; }\n.sidebar-image-hint {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 11px;\n  color: var(--muted);\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.4s ease;\n  text-align: center;\n  z-index: 2;\n}\n\n/* === Sidebar Rich Viewer: Video container (timeline uses shared .video-timeline classes) === */\n.sidebar-video-container {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n.sidebar-video-container video {\n  width: 100%;\n  border-radius: 8px 8px 0 0;\n  background: #000;\n  max-height: calc(100vh - 260px);\n}\n\n.media-sidebar-viewer-label {\n  margin-top: 12px;\n  font-size: 12px;\n  color: var(--muted);\n  text-align: center;\n  word-break: break-all;\n}\n.media-sidebar-viewer-close {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  background: var(--panel);\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  width: 28px;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  color: var(--text);\n  font-size: 14px;\n  z-index: 2;\n  transition: background 0.15s ease;\n}\n.media-sidebar-viewer-close:hover {\n  background: var(--hover-bg);\n}\n.sidebar-viewer-settings-btn {\n  position: absolute;\n  top: 8px;\n  right: 44px;\n  background: var(--panel);\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  width: 28px;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  color: var(--text);\n  font-size: 14px;\n  z-index: 2;\n  transition: background 0.15s ease;\n}\n.sidebar-viewer-settings-btn:hover {\n  background: var(--hover-bg);\n}\n.sidebar-viewer-settings-btn + .video-settings-panel {\n  position: absolute;\n  top: 44px;\n  right: 8px;\n}\n\n.media-sidebar-toggle {\n  background: var(--panel);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  padding: 6px 10px;\n  cursor: pointer;\n  color: var(--text);\n  font-size: 14px;\n  transition: background 0.15s ease, border-color 0.15s ease;\n  display: none;\n}\n.media-sidebar-toggle.has-media {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n.media-sidebar-toggle:hover {\n  background: var(--hover-bg);\n  border-color: var(--accent);\n}\n.media-sidebar-toggle .toggle-count {\n  font-size: 10px;\n  font-weight: 700;\n  background: var(--accent);\n  color: var(--text-inverse);\n  padding: 1px 5px;\n  border-radius: 8px;\n  line-height: 1.4;\n}\n.view-toggle {\n  background: var(--panel);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  padding: 6px 10px;\n  cursor: pointer;\n  color: var(--text);\n  font-size: 14px;\n  transition: background 0.15s ease, border-color 0.15s ease;\n}\n.view-toggle:hover { background: rgba(96,165,250,0.2); }\n.view-toggle.active { background: var(--accent); color: #fff; }\n@media (max-width: 1200px) {\n  .media-sidebar-viewer.open {\n    width: 40vw;\n    max-width: calc(100vw - 350px);\n  }\n}\n@media (max-width: 900px) {\n  .media-sidebar-thumbs {\n    width: 72px;\n  }\n  .media-sidebar-thumb {\n    width: 56px;\n    height: 42px;\n  }\n  .media-sidebar-viewer.open {\n    width: 35vw;\n    max-width: calc(100vw - 300px);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .media-sidebar,\n  .media-sidebar-viewer,\n  .media-sidebar-thumb {\n    transition: none !important;\n  }\n}\n\n.md-preview h1, .md-preview h2, .md-preview h3, .md-preview h4 {\n  margin: 0.4em 0 0.2em;\n}\n/* Heading toggle feature */\n.md-preview .md-heading-toggle {\n  margin: 0;\n}\n.md-preview .heading-toggle-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.6em;\n  transition: transform 150ms ease;\n  color: var(--muted);\n  flex-shrink: 0;\n  cursor: pointer;\n  padding: 4px 8px;\n  margin: -4px 0 -4px -8px;\n  border-radius: 4px;\n}\n.md-preview .heading-toggle-icon:hover {\n  background: var(--hover-bg);\n  color: var(--accent);\n}\n.md-preview .md-heading-toggle.collapsed .heading-toggle-icon {\n  transform: rotate(-90deg);\n}\n.md-preview details.heading-toggle {\n  margin: 0.2em 0;\n}\n.md-preview details.heading-toggle > summary {\n  list-style: none;\n  cursor: default;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.md-preview details.heading-toggle > summary::-webkit-details-marker {\n  display: none;\n}\n.md-preview details.heading-toggle > summary > .md-heading-toggle {\n  flex: 1;\n}\n.md-preview details.heading-toggle:not([open]) > .toggle-content {\n  display: none;\n}\n.md-preview .heading-section-content {\n  /* Content wrapper for collapsible sections */\n}\n.md-preview .heading-section-content.hidden {\n  display: none;\n}\n.md-preview p { margin: 0.3em 0; line-height: 1.5; }\n.md-preview img { max-width: 100%; height: auto; border-radius: 8px; }\n.md-preview video.video-preview { max-width: 100%; height: auto; border-radius: 8px; background: #000; }\n.md-preview table video.video-preview {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n.md-preview code { background: rgba(255,255,255,0.08); padding: 2px 4px; border-radius: 4px; }\n.md-preview pre {\n  background: var(--code-bg);\n  padding: 12px 16px;\n  border-radius: 8px;\n  overflow: auto;\n  border: 1px solid var(--border);\n}\n.md-preview pre code {\n  background: none;\n  padding: 0;\n  font-size: 13px;\n  line-height: 1.5;\n}\n.md-preview pre code.hljs {\n  background: transparent;\n  padding: 0;\n}\n/* YAML Frontmatter table */\n.frontmatter-table {\n  margin-bottom: 20px;\n  border-radius: 8px;\n  overflow: hidden;\n  border: 1px solid var(--border);\n  background: var(--panel);\n}\n.frontmatter-table table {\n  width: 100%;\n  border-collapse: collapse;\n  table-layout: fixed;\n}\n.frontmatter-table thead th {\n  background: linear-gradient(135deg, rgba(147, 51, 234, 0.15), rgba(96, 165, 250, 0.15));\n  color: var(--text);\n  font-size: 12px;\n  font-weight: 600;\n  padding: 10px 16px;\n  text-align: left;\n  border-bottom: 1px solid var(--border);\n}\n.frontmatter-table tbody th {\n  background: rgba(147, 51, 234, 0.08);\n  color: #c084fc;\n  font-weight: 500;\n  font-size: 12px;\n  padding: 8px 10px;\n  text-align: left;\n  border-bottom: 1px solid var(--border);\n  vertical-align: top;\n}\n.frontmatter-table tbody td {\n  padding: 8px 14px;\n  font-size: 13px;\n  border-bottom: 1px solid var(--border);\n  word-break: break-word;\n}\n.frontmatter-table tbody tr:last-child th,\n.frontmatter-table tbody tr:last-child td {\n  border-bottom: none;\n}\n.frontmatter-table .fm-tag {\n  display: inline-block;\n  background: rgba(96, 165, 250, 0.15);\n  color: var(--accent);\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 11px;\n  margin-right: 4px;\n  margin-bottom: 4px;\n}\n.frontmatter-table pre {\n  margin: 0;\n  background: var(--code-bg);\n  padding: 8px;\n  border-radius: 4px;\n  font-size: 11px;\n}\n/* Reviw questions preview cards */\n.reviw-questions-preview {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.reviw-q-card {\n  background: var(--code-bg);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  padding: 10px 12px;\n}\n.reviw-q-card.resolved {\n  border-left: 3px solid #22c55e;\n}\n.reviw-q-card.pending {\n  border-left: 3px solid #f59e0b;\n}\n.reviw-q-header {\n  font-size: 12px;\n  color: var(--text-dim);\n  margin-bottom: 4px;\n}\n.reviw-q-header strong {\n  color: var(--accent);\n}\n.reviw-q-question {\n  font-size: 13px;\n  color: var(--text);\n  margin-bottom: 6px;\n}\n.reviw-q-options {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  margin-bottom: 6px;\n}\n.reviw-q-answer {\n  font-size: 12px;\n  color: #22c55e;\n  background: rgba(34, 197, 94, 0.1);\n  padding: 4px 8px;\n  border-radius: 4px;\n}\n[data-theme=\"light\"] .frontmatter-table tbody th {\n  color: #7c3aed;\n}\n/* Table scroll container and indicator */\n.table-scroll-container {\n  position: relative;\n  margin: 16px 0;\n}\n.table-scroll-wrapper {\n  overflow-x: auto;\n  border-radius: 8px;\n}\n.scroll-hint {\n  text-align: right;\n  font-size: 12px;\n  color: var(--accent);\n  padding: 4px 8px;\n  margin-bottom: 4px;\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 200ms ease;\n}\n.table-scroll-container.can-scroll .scroll-hint {\n  opacity: 0.8;\n  visibility: visible;\n}\n.table-scroll-container.scrolled-end .scroll-hint {\n  opacity: 0;\n  visibility: hidden;\n}\n/* Markdown tables in preview */\n.md-preview table:not(.frontmatter-table table) {\n  min-width: 100%;\n  width: max-content;\n  border-collapse: collapse;\n  border: 1px solid var(--border);\n  border-radius: 8px;\n}\n.md-preview table:not(.frontmatter-table table) th,\n.md-preview table:not(.frontmatter-table table) td {\n  padding: 10px 16px;\n  text-align: left;\n  border-bottom: 1px solid var(--border);\n  vertical-align: top;\n  word-break: break-word;\n  overflow-wrap: anywhere;\n  width: auto;\n}\n/* Force equal column widths when colgroup is not specified */\n.md-preview table:not(.frontmatter-table table) colgroup ~ * th,\n.md-preview table:not(.frontmatter-table table) colgroup ~ * td {\n  width: auto;\n}\n.md-preview table:not(.frontmatter-table table) td:has(video),\n.md-preview table:not(.frontmatter-table table) td:has(img) {\n  padding: 4px;\n  line-height: 0;\n}\n.md-preview table:not(.frontmatter-table table) td video,\n.md-preview table:not(.frontmatter-table table) td img {\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n}\n.md-preview table:not(.frontmatter-table table) th {\n  background: var(--panel);\n  font-weight: 600;\n  font-size: 13px;\n}\n.md-preview table:not(.frontmatter-table table) td {\n  font-size: 13px;\n}\n.md-preview table:not(.frontmatter-table table) tr:last-child td {\n  border-bottom: none;\n}\n.md-preview table:not(.frontmatter-table table) tr:hover td {\n  background: var(--hover-bg);\n}\n/* Source table (右ペイン) */\n.table-box table {\n  table-layout: fixed;\n  width: 100%;\n}\n.table-box th,\n.table-box td {\n  word-break: break-word;\n  min-width: 140px;\n}\n.table-box th:first-child,\n.table-box td:first-child {\n  min-width: 320px;\n  max-width: 480px;\n}\n/* Image fullscreen overlay */\n.image-fullscreen-overlay {\n  position: fixed;\n  inset: 0;\n  background: var(--bg);\n  z-index: 1001;\n  display: none;\n  flex-direction: column;\n}\n.image-fullscreen-overlay.visible {\n  display: flex;\n}\n.image-fs-content {\n  flex: 1;\n  overflow: hidden;\n  position: relative;\n  cursor: grab;\n  touch-action: none;\n}\n.image-fs-content:active { cursor: grabbing; }\n.image-fs-content .image-fs-wrapper {\n  position: absolute;\n  transform-origin: 0 0;\n}\n.image-fs-content .image-fs-wrapper img {\n  display: block;\n}\n/* Video fullscreen overlay */\n.video-fullscreen-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.95);\n  z-index: 1001;\n  display: none;\n  justify-content: center;\n  align-items: center;\n}\n.video-fullscreen-overlay.visible {\n  display: flex;\n}\n.video-close-btn {\n  position: absolute;\n  top: 14px;\n  right: 14px;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.55);\n  border: 1px solid rgba(255, 255, 255, 0.25);\n  border-radius: 50%;\n  cursor: pointer;\n  color: #fff;\n  font-size: 18px;\n  z-index: 10;\n  backdrop-filter: blur(4px);\n  transition: background 120ms ease, transform 120ms ease;\n}\n.video-close-btn:hover {\n  background: rgba(0, 0, 0, 0.75);\n  transform: scale(1.04);\n}\n.video-container {\n  width: 90vw;\n  height: 90vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.video-container video {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  border-radius: 8px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n}\n/* Video Timeline - shared base styles (used by both fullscreen and sidebar) */\n.video-timeline {\n  background: rgba(0, 0, 0, 0.85);\n  display: flex;\n  overflow-x: auto;\n  backdrop-filter: blur(8px);\n  height: 80px;\n  padding: 8px;\n  gap: 4px;\n}\n.video-timeline::-webkit-scrollbar {\n  height: 6px;\n}\n.video-timeline::-webkit-scrollbar-track {\n  background: rgba(255, 255, 255, 0.1);\n  border-radius: 3px;\n}\n.video-timeline::-webkit-scrollbar-thumb {\n  background: rgba(255, 255, 255, 0.3);\n  border-radius: 3px;\n}\n.video-timeline::-webkit-scrollbar-thumb:hover {\n  background: rgba(255, 255, 255, 0.5);\n}\n/* Fullscreen-specific video timeline positioning */\n.video-container .video-timeline {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 5;\n}\n/* Sidebar-specific video timeline sizing */\n.sidebar-video-container .video-timeline {\n  width: 100%;\n  height: 72px;\n  padding: 6px;\n  gap: 3px;\n  border-radius: 0 0 8px 8px;\n  background: rgba(0, 0, 0, 0.88);\n}\n.sidebar-video-container .video-timeline::-webkit-scrollbar { height: 5px; }\n.sidebar-video-container .video-timeline::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.08); }\n.sidebar-video-container .video-timeline::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.25); }\n.sidebar-video-container .video-timeline::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.4); }\n.timeline-thumb {\n  height: 64px;\n  cursor: pointer;\n  border: 2px solid transparent;\n  border-radius: 4px;\n  flex-shrink: 0;\n  transition: border-color 0.2s, transform 0.15s;\n  opacity: 0.85;\n}\n.sidebar-video-container .timeline-thumb {\n  height: 52px;\n  opacity: 0.8;\n}\n.timeline-thumb:hover {\n  border-color: rgba(59, 130, 246, 0.5);\n  opacity: 1;\n  transform: scale(1.05);\n}\n.timeline-thumb.active {\n  border-color: #3b82f6;\n  opacity: 1;\n  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);\n}\n.sidebar-video-container .timeline-thumb.active {\n  box-shadow: 0 0 8px rgba(59, 130, 246, 0.4);\n}\n.timeline-loading {\n  color: rgba(255, 255, 255, 0.6);\n  font-size: 12px;\n  padding: 8px 12px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.sidebar-video-container .timeline-loading {\n  font-size: 11px;\n  padding: 6px 10px;\n  gap: 6px;\n  color: rgba(255, 255, 255, 0.5);\n}\n.timeline-loading::before {\n  content: '';\n  width: 14px;\n  height: 14px;\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-top-color: #3b82f6;\n  border-radius: 50%;\n  animation: timeline-spin 0.8s linear infinite;\n}\n.sidebar-video-container .timeline-loading::before {\n  width: 12px;\n  height: 12px;\n  border-width: 2px;\n  border-color: rgba(255, 255, 255, 0.25);\n  border-top-color: #3b82f6;\n}\n@keyframes timeline-spin {\n  to { transform: rotate(360deg); }\n}\n.timeline-time {\n  position: absolute;\n  bottom: 2px;\n  right: 4px;\n  font-size: 9px;\n  color: #fff;\n  background: rgba(0, 0, 0, 0.7);\n  padding: 1px 4px;\n  border-radius: 2px;\n  pointer-events: none;\n}\n.sidebar-video-container .timeline-time {\n  font-size: 8px;\n  right: 3px;\n  padding: 1px 3px;\n}\n.timeline-thumb-wrapper {\n  position: relative;\n  flex-shrink: 0;\n}\n/* Video threshold settings panel */\n.video-settings-btn {\n  position: absolute;\n  top: 14px;\n  right: 64px;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.55);\n  border: 1px solid rgba(255, 255, 255, 0.25);\n  border-radius: 50%;\n  cursor: pointer;\n  color: #fff;\n  font-size: 18px;\n  z-index: 10;\n  backdrop-filter: blur(4px);\n  transition: background 120ms ease, transform 120ms ease;\n}\n.video-settings-btn:hover {\n  background: rgba(0, 0, 0, 0.75);\n  transform: scale(1.04);\n}\n.video-settings-panel {\n  position: absolute;\n  top: 60px;\n  right: 14px;\n  background: rgba(0, 0, 0, 0.9);\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 12px;\n  padding: 16px;\n  z-index: 15;\n  min-width: 280px;\n  display: none;\n  backdrop-filter: blur(8px);\n}\n.video-settings-panel.visible {\n  display: block;\n}\n.video-settings-panel h4 {\n  margin: 0 0 8px;\n  color: #fff;\n  font-size: 14px;\n  font-weight: 500;\n}\n.video-settings-desc {\n  margin: 0 0 12px;\n  color: rgba(255, 255, 255, 0.6);\n  font-size: 11px;\n  line-height: 1.4;\n}\n.video-settings-buttons {\n  display: flex;\n  gap: 6px;\n  margin-bottom: 12px;\n}\n.video-settings-buttons button {\n  flex: 1;\n  padding: 8px 4px;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 6px;\n  background: rgba(255, 255, 255, 0.1);\n  color: rgba(255, 255, 255, 0.8);\n  font-size: 11px;\n  cursor: pointer;\n  transition: all 120ms ease;\n}\n.video-settings-buttons button:hover {\n  background: rgba(255, 255, 255, 0.2);\n  border-color: rgba(255, 255, 255, 0.3);\n}\n.video-settings-buttons button.selected {\n  background: #3b82f6;\n  border-color: #3b82f6;\n  color: #fff;\n}\n.video-settings-actions {\n  display: flex;\n  gap: 8px;\n  margin-top: 8px;\n}\n.video-settings-actions button {\n  flex: 1;\n  padding: 8px 12px;\n  border: none;\n  border-radius: 6px;\n  font-size: 12px;\n  cursor: pointer;\n  transition: background 120ms ease;\n}\n.video-settings-actions .reset-btn {\n  background: rgba(255, 255, 255, 0.15);\n  color: #fff;\n}\n.video-settings-actions .reset-btn:hover {\n  background: rgba(255, 255, 255, 0.25);\n}\n/* Video Shortcuts Help */\n.video-shortcuts-help {\n  opacity: 0.85;\n  transition: opacity 0.2s;\n}\n.video-shortcuts-help:hover {\n  opacity: 1;\n}\n.video-shortcuts-help .shortcuts-title {\n  font-weight: 600;\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  margin-bottom: 10px;\n  color: rgba(255, 255, 255, 0.7);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.video-shortcuts-help .shortcuts-title::before {\n  content: '\\u2328';\n  font-size: 14px;\n}\n.video-shortcuts-help .shortcut-item {\n  margin-bottom: 6px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  flex-wrap: wrap;\n}\n.video-shortcuts-help .shortcut-item:last-child {\n  margin-bottom: 0;\n}\n.video-shortcuts-help kbd {\n  display: inline-block;\n  background: rgba(255, 255, 255, 0.15);\n  border: 1px solid rgba(255, 255, 255, 0.25);\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-family: system-ui, -apple-system, sans-serif;\n  font-size: 10px;\n  font-weight: 500;\n  min-width: 18px;\n  text-align: center;\n  margin-right: 2px;\n}\n/* Reviw Questions Modal */\n.reviw-questions-overlay {\n  display: none;\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.8);\n  z-index: 1100;\n  justify-content: center;\n  align-items: center;\n}\n.reviw-questions-overlay.visible {\n  display: flex;\n}\n.reviw-questions-modal {\n  background: var(--card-bg);\n  border: 1px solid var(--border);\n  border-radius: 16px;\n  width: 90%;\n  max-width: 600px;\n  max-height: 80vh;\n  display: flex;\n  flex-direction: column;\n  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.5);\n}\n.reviw-questions-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--border);\n}\n.reviw-questions-header h2 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--text);\n}\n.reviw-questions-header h2 span {\n  font-size: 14px;\n  color: var(--text-dim);\n  font-weight: 400;\n}\n.reviw-questions-close {\n  width: 32px;\n  height: 32px;\n  border: none;\n  background: transparent;\n  color: var(--text-dim);\n  font-size: 18px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: all 150ms ease;\n}\n.reviw-questions-close:hover {\n  background: var(--border);\n  color: var(--text);\n}\n.reviw-questions-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 16px 20px;\n}\n.reviw-questions-footer {\n  padding: 12px 20px;\n  border-top: 1px solid var(--border);\n  display: flex;\n  justify-content: flex-end;\n}\n.reviw-questions-later {\n  padding: 8px 16px;\n  border: 1px solid var(--border);\n  background: transparent;\n  color: var(--text-dim);\n  border-radius: 8px;\n  cursor: pointer;\n  font-size: 13px;\n  transition: all 150ms ease;\n}\n.reviw-questions-later:hover {\n  background: var(--border);\n  color: var(--text);\n}\n/* Question Item */\n.reviw-question-item {\n  margin-bottom: 20px;\n  padding-bottom: 20px;\n  border-bottom: 1px solid var(--border);\n}\n.reviw-question-item:last-child {\n  margin-bottom: 0;\n  padding-bottom: 0;\n  border-bottom: none;\n}\n.reviw-question-text {\n  font-size: 14px;\n  color: var(--text);\n  margin-bottom: 12px;\n  line-height: 1.5;\n}\n.reviw-question-options {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 12px;\n}\n.reviw-question-option {\n  padding: 8px 14px;\n  border: 1px solid var(--border);\n  background: transparent;\n  color: var(--text);\n  border-radius: 8px;\n  cursor: pointer;\n  font-size: 13px;\n  transition: all 150ms ease;\n}\n.reviw-question-option:hover {\n  border-color: var(--accent);\n  background: rgba(96, 165, 250, 0.1);\n}\n.reviw-question-option.selected {\n  border-color: var(--accent);\n  background: var(--accent);\n  color: var(--text-inverse);\n}\n.reviw-question-input {\n  width: 100%;\n  padding: 10px 12px;\n  border: 1px solid var(--border);\n  background: var(--input-bg);\n  color: var(--text);\n  border-radius: 8px;\n  font-size: 13px;\n  resize: vertical;\n  min-height: 60px;\n}\n.reviw-question-input:focus {\n  outline: none;\n  border-color: var(--accent);\n}\n.reviw-question-input::placeholder {\n  color: var(--text-dim);\n}\n.reviw-check-mark {\n  color: #22c55e;\n  font-weight: bold;\n}\n.reviw-question-item.answered {\n  border-color: #22c55e;\n  background: rgba(34, 197, 94, 0.05);\n}\n.reviw-question-submit {\n  margin-top: 10px;\n  padding: 8px 16px;\n  border: none;\n  background: var(--accent);\n  color: var(--text-inverse);\n  border-radius: 8px;\n  cursor: pointer;\n  font-size: 13px;\n  font-weight: 500;\n  transition: all 150ms ease;\n}\n.reviw-question-submit:hover {\n  filter: brightness(1.1);\n}\n.reviw-question-submit:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n/* Resolved Section */\n.reviw-resolved-section {\n  margin-top: 16px;\n  border-top: 1px solid var(--border);\n  padding-top: 12px;\n}\n.reviw-resolved-toggle {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: none;\n  border: none;\n  color: var(--text-dim);\n  font-size: 13px;\n  cursor: pointer;\n  padding: 4px 0;\n}\n.reviw-resolved-toggle:hover {\n  color: var(--text);\n}\n.reviw-resolved-toggle .arrow {\n  transition: transform 150ms ease;\n}\n.reviw-resolved-toggle.open .arrow {\n  transform: rotate(90deg);\n}\n.reviw-resolved-list {\n  display: none;\n  margin-top: 12px;\n}\n.reviw-resolved-list.visible {\n  display: block;\n}\n.reviw-resolved-item {\n  padding: 10px 12px;\n  background: var(--input-bg);\n  border-radius: 8px;\n  margin-bottom: 8px;\n  opacity: 0.7;\n}\n.reviw-resolved-item:last-child {\n  margin-bottom: 0;\n}\n.reviw-resolved-q {\n  font-size: 12px;\n  color: var(--text-dim);\n  margin-bottom: 4px;\n}\n.reviw-resolved-a {\n  font-size: 13px;\n  color: var(--text);\n}\n/* Notice Bar */\n.reviw-questions-bar {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  background: var(--accent);\n  color: var(--text-inverse);\n  padding: 8px 16px;\n  font-size: 13px;\n  z-index: 1050;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n}\n.reviw-questions-bar.visible {\n  display: flex;\n}\n.reviw-questions-bar button {\n  padding: 4px 12px;\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  background: rgba(255, 255, 255, 0.1);\n  color: var(--text-inverse);\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 12px;\n  transition: all 150ms ease;\n}\n.reviw-questions-bar button:hover {\n  background: rgba(255, 255, 255, 0.2);\n}\n/* Adjust layout when bar is visible */\nbody.has-questions-bar header {\n  top: 36px;\n}\nbody.has-questions-bar .toolbar,\nbody.has-questions-bar .table-wrap {\n  margin-top: 36px;\n}\n/* Copy notification toast */\n.copy-toast {\n  position: fixed;\n  bottom: 60px;\n  left: 50%;\n  transform: translateX(-50%) translateY(20px);\n  background: var(--accent);\n  color: var(--text-inverse);\n  padding: 8px 16px;\n  border-radius: 8px;\n  font-size: 13px;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 200ms ease, transform 200ms ease;\n  z-index: 1000;\n}\n.copy-toast.visible {\n  opacity: 1;\n  transform: translateX(-50%) translateY(0);\n}\n@media (max-width: 960px) {\n  .md-layout { flex-direction: column; }\n  .md-left { max-width: 100%; flex: 1 1 0; min-height: 0; }\n  .md-right { display: none; }\n  .media-sidebar { display: none; }\n  .media-sidebar-toggle { display: none !important; }\n}\n.md-layout.preview-only .md-right { display: none; }\n.md-layout.preview-only .md-left { flex: 1 1 0; min-height: 0; max-width: 100%; }\n.filter-menu {\n  position: absolute;\n  background: var(--panel-solid);\n  border: 1px solid var(--border);\n  border-radius: 10px;\n  box-shadow: 0 14px 30px var(--shadow-color);\n  padding: 8px;\n  display: none;\n  z-index: 12;\n  width: 180px;\n  transition: background 200ms ease, border-color 200ms ease;\n}\n.filter-menu button {\n  width: 100%;\n  display: block;\n  margin: 4px 0;\n  padding: 8px 10px;\n  background: var(--selected-bg);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  color: var(--text);\n  cursor: pointer;\n  font-size: 13px;\n  text-align: left;\n}\n.filter-menu button:hover { background: var(--hover-bg); }\n.modal-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0,0,0,0.6);\n  display: none;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n}\n.modal-overlay.visible { display: flex; }\n/* Submit modal: top-right position, no blocking overlay */\n#submit-modal {\n  background: transparent;\n  pointer-events: none;\n  align-items: flex-start;\n  justify-content: flex-end;\n}\n#submit-modal.visible { display: flex; }\n#submit-modal .modal-dialog {\n  pointer-events: auto;\n  margin: 60px 20px 20px 20px; /* top margin avoids header button overlap */\n}\n.modal-dialog {\n  background: var(--panel-solid);\n  border: 1px solid var(--border);\n  border-radius: 14px;\n  padding: 20px;\n  width: 90%;\n  max-width: 480px;\n  box-shadow: 0 20px 40px var(--shadow-color);\n  transition: background 200ms ease, border-color 200ms ease;\n}\n.modal-dialog h3 { margin: 0 0 12px; font-size: 18px; color: var(--accent); }\n.modal-summary { color: var(--muted); font-size: 13px; margin-bottom: 12px; }\n.modal-dialog label { display: block; font-size: 13px; margin-bottom: 6px; color: var(--muted); }\n.modal-dialog textarea {\n  width: 100%;\n  min-height: 100px;\n  background: var(--input-bg);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  color: var(--text);\n  padding: 10px;\n  font-size: 14px;\n  resize: vertical;\n  box-sizing: border-box;\n  transition: background 200ms ease, border-color 200ms ease;\n}\n.modal-dialog textarea:focus { outline: none; border-color: var(--accent); }\n.modal-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 16px; }\n.modal-actions button {\n  padding: 8px 16px;\n  border-radius: 8px;\n  border: 1px solid var(--border);\n  background: var(--selected-bg);\n  color: var(--text);\n  cursor: pointer;\n  font-size: 14px;\n}\n.modal-actions button:hover { background: var(--hover-bg); }\n.modal-actions button.primary { background: var(--accent); color: var(--text-inverse); border-color: var(--accent); }\n.image-attach-area { margin: 12px 0; }\n.image-attach-area label { display: block; font-size: 12px; color: var(--muted); margin-bottom: 6px; }\n.image-attach-area.image-attach-small { margin: 8px 0; }\n.image-attach-area.image-attach-small label { font-size: 11px; }\n.image-preview-list { display: flex; flex-wrap: wrap; gap: 8px; min-height: 24px; }\n.image-preview-item { position: relative; }\n.image-preview-item img { max-width: 80px; max-height: 60px; border-radius: 4px; border: 1px solid var(--border); object-fit: cover; }\n.image-preview-item .remove-image { position: absolute; top: -6px; right: -6px; width: 18px; height: 18px; border-radius: 50%; background: var(--error, #ef4444); color: #fff; border: none; cursor: pointer; font-size: 12px; line-height: 1; display: flex; align-items: center; justify-content: center; }\n.image-preview-item .remove-image:hover { background: #dc2626; }\n.modal-actions button.primary:hover { background: #7dd3fc; }\n\n.modal-checkboxes { margin: 12px 0; }\n.modal-checkboxes label {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  font-size: 12px;\n  color: var(--text);\n  margin-bottom: 8px;\n  cursor: pointer;\n}\n.modal-checkboxes input[type=\"checkbox\"] {\n  margin-top: 2px;\n  accent-color: var(--accent);\n}\n\nbody.dragging { user-select: none; cursor: crosshair; }\nbody.dragging .diff-line { cursor: crosshair; }\n@media (max-width: 840px) {\n  header { flex-direction: column; align-items: flex-start; }\n  .comment-list { width: calc(100% - 24px); right: 12px; }\n}\n/* Mermaid diagram styles */\n.mermaid-container {\n  position: relative;\n  margin: 16px 0;\n  background: var(--panel);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  padding: 16px;\n  overflow: hidden;\n}\n.mermaid-container .mermaid {\n  display: flex;\n  justify-content: center;\n}\n.mermaid-container .mermaid svg {\n  max-width: 100%;\n  height: auto;\n  cursor: pointer;\n  pointer-events: auto;\n}\n.mermaid-error-banner {\n  background: #fff3f3;\n  color: #c33;\n  border: 1px solid #e88;\n  border-radius: 4px;\n  padding: 6px 10px;\n  margin-bottom: 8px;\n  font-size: 12px;\n  font-weight: 500;\n}\n[data-theme=\"dark\"] .mermaid-error-banner {\n  background: #3a1a1a;\n  color: #f88;\n  border-color: #744;\n}\n.mermaid-fullscreen-btn {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  background: var(--selected-bg);\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  padding: 6px 10px;\n  cursor: pointer;\n  color: var(--text);\n  font-size: 12px;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n.mermaid-fullscreen-btn:hover { background: var(--hover-bg); }\n/* Fullscreen overlay */\n.fullscreen-overlay {\n  position: fixed;\n  inset: 0;\n  background: var(--bg);\n  z-index: 1000;\n  display: none;\n  flex-direction: column;\n}\n.fullscreen-overlay.visible { display: flex; }\n.fullscreen-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 20px;\n  background: var(--panel-alpha);\n  border-bottom: 1px solid var(--border);\n}\n.fullscreen-header h3 { margin: 0; font-size: 14px; }\n.fullscreen-controls { display: flex; gap: 8px; align-items: center; }\n.fullscreen-controls button {\n  background: var(--selected-bg);\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  padding: 6px 12px;\n  cursor: pointer;\n  color: var(--text);\n  font-size: 13px;\n}\n.fullscreen-controls button:hover { background: var(--hover-bg); }\n.fullscreen-controls .zoom-info { font-size: 12px; color: var(--muted); min-width: 50px; text-align: center; }\n.fullscreen-content {\n  flex: 1;\n  overflow: hidden;\n  position: relative;\n  cursor: grab;\n  touch-action: none;\n}\n.fullscreen-content:active { cursor: grabbing; }\n.fullscreen-content .mermaid-wrapper {\n  position: absolute;\n  transform-origin: 0 0;\n  padding: 40px;\n}\n.fullscreen-content .mermaid svg {\n  display: block;\n}\n/* Minimap */\n.minimap {\n  position: absolute;\n  top: 70px;\n  right: 20px;\n  width: 200px;\n  height: 150px;\n  background: var(--panel-alpha);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n}\n.minimap-content {\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 8px;\n}\n.minimap-content svg {\n  max-width: 100%;\n  max-height: 100%;\n  opacity: 0.6;\n}\n.minimap-viewport {\n  position: absolute;\n  border: 2px solid var(--accent);\n  background: rgba(102, 126, 234, 0.2);\n  pointer-events: none;\n  border-radius: 2px;\n}\n/* Error toast */\n.mermaid-error-toast {\n  position: fixed;\n  bottom: 20px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: var(--error);\n  color: white;\n  padding: 12px 24px;\n  border-radius: 8px;\n  font-size: 13px;\n  max-width: 80%;\n  z-index: 2000;\n  display: none;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n  white-space: pre-wrap;\n  font-family: monospace;\n}\n.mermaid-error-toast.visible { display: block; }\n\n/* History Panel - Push layout */\nbody { transition: margin-right 0.25s ease; }\nbody.history-open { margin-right: 320px; }\nbody.history-open header { right: 320px; }\nheader { transition: right 0.25s ease; right: 0; }\n\n.history-toggle {\n  background: var(--selected-bg);\n  color: var(--text);\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  padding: 6px 8px;\n  font-size: 14px;\n  cursor: pointer;\n  width: 34px;\n  height: 34px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.history-toggle:hover { background: var(--border); }\n.history-panel {\n  position: fixed;\n  top: 0;\n  right: 0;\n  width: 320px;\n  height: 100vh;\n  background: var(--panel-solid);\n  border-left: 1px solid var(--border);\n  z-index: 90;\n  transform: translateX(100%);\n  transition: transform 0.25s ease;\n  display: flex;\n  flex-direction: column;\n}\n.history-panel.open { transform: translateX(0); }\n.history-panel-header {\n  padding: 16px;\n  border-bottom: 1px solid var(--border);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.history-panel-header h3 { margin: 0; font-size: 14px; font-weight: 600; }\n.history-panel-close {\n  background: transparent;\n  border: none;\n  color: var(--muted);\n  cursor: pointer;\n  font-size: 18px;\n  padding: 4px;\n}\n.history-panel-close:hover { color: var(--text); }\n.history-panel-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 12px;\n}\n.history-empty {\n  color: var(--muted);\n  font-size: 13px;\n  text-align: center;\n  padding: 40px 20px;\n}\n.history-date-group { margin-bottom: 16px; }\n.history-date {\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--muted);\n  margin-bottom: 8px;\n  text-transform: uppercase;\n}\n.history-item {\n  background: var(--bg);\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  margin-bottom: 8px;\n  overflow: hidden;\n}\n.history-item-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 10px;\n  background: var(--selected-bg);\n  cursor: pointer;\n}\n.history-item-header:hover { background: var(--hover-bg); }\n.history-item-file {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 180px;\n}\n.history-item-time { font-size: 10px; color: var(--muted); }\n.history-item-body {\n  display: none;\n  padding: 10px;\n  font-size: 12px;\n  border-top: 1px solid var(--border);\n}\n.history-item.expanded .history-item-body { display: block; }\n.history-summary {\n  color: var(--text);\n  margin-bottom: 8px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--border);\n}\n.history-summary-label {\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--muted);\n  margin-bottom: 4px;\n}\n.history-summary-text { white-space: pre-wrap; line-height: 1.4; }\n.history-comments-label {\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--muted);\n  margin-bottom: 6px;\n}\n.history-comment {\n  padding: 6px 0;\n  border-bottom: 1px solid var(--border);\n}\n.history-comment:last-child { border-bottom: none; }\n.history-comment-line {\n  font-size: 10px;\n  color: var(--accent);\n  font-weight: 600;\n  margin-bottom: 2px;\n}\n.history-comment-quote {\n  background: rgba(0, 0, 0, 0.3);\n  border-left: 2px solid var(--accent);\n  padding: 4px 8px;\n  margin: 4px 0;\n  font-family: 'SF Mono', Monaco, Consolas, monospace;\n  font-size: 11px;\n  color: var(--muted);\n  white-space: pre-wrap;\n  word-break: break-all;\n  max-height: 80px;\n  overflow-y: auto;\n}\n.history-comment-text {\n  color: var(--text);\n  line-height: 1.4;\n  white-space: pre-wrap;\n}\n.history-badge {\n  display: inline-block;\n  background: var(--accent);\n  color: var(--text-inverse);\n  font-size: 10px;\n  padding: 2px 6px;\n  border-radius: 10px;\n  margin-left: 6px;\n}\n/* Table scroll container */\n.table-container {\n  overflow-x: auto;\n  margin: 16px 0;\n  border-radius: 8px;\n  border: 1px solid var(--border);\n}\n.table-container table {\n  margin: 0;\n  border: none;\n  border-radius: 0;\n}\n.table-container::-webkit-scrollbar {\n  height: 6px;\n}\n.table-container::-webkit-scrollbar-track {\n  background: var(--bg);\n  border-radius: 3px;\n}\n.table-container::-webkit-scrollbar-thumb {\n  background: var(--border);\n  border-radius: 3px;\n}\n.table-container::-webkit-scrollbar-thumb:hover {\n  background: var(--muted);\n}\n/* Media sidebar */\n.media-sidebar {\n  display: flex;\n  flex-shrink: 0;\n  height: calc(100vh - 80px);\n  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  z-index: 10;\n  max-width: 60%;\n}\n.media-sidebar.hidden { display: none; }\n.media-sidebar-thumbs {\n  width: 96px;\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 8px;\n  border-right: 1px solid var(--border);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  background: var(--panel);\n  scrollbar-width: thin;\n  scrollbar-color: var(--border) transparent;\n}\n.media-sidebar-thumbs::-webkit-scrollbar { width: 4px; }\n.media-sidebar-thumbs::-webkit-scrollbar-track { background: transparent; }\n.media-sidebar-thumbs::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }\n.media-sidebar-thumb {\n  width: 80px;\n  height: 60px;\n  border-radius: 6px;\n  border: 2px solid var(--border);\n  overflow: hidden;\n  cursor: pointer;\n  position: relative;\n  flex-shrink: 0;\n  background: var(--bg);\n  transition: border-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;\n}\n.media-sidebar-thumb:hover { border-color: var(--accent); transform: scale(1.05); box-shadow: 0 2px 8px var(--shadow-color); }\n.media-sidebar-thumb.active { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent), 0 2px 8px var(--shadow-color); }\n.media-sidebar-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.media-sidebar-thumb svg { width: 100%; height: 100%; display: block; }\n.media-sidebar-thumb-video {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #000;\n}\n.media-sidebar-thumb-video video { width: 100%; height: 100%; object-fit: cover; }\n.media-sidebar-thumb-video::after {\n  content: '';\n  position: absolute;\n  width: 24px;\n  height: 24px;\n  background: rgba(255,255,255,0.85);\n  border-radius: 50%;\n}\n.media-sidebar-thumb-video::before {\n  content: '';\n  position: absolute;\n  z-index: 1;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 5px 0 5px 9px;\n  border-color: transparent transparent transparent #000;\n  margin-left: 2px;\n}\n.media-sidebar-thumb-mermaid {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  padding: 2px;\n  background: var(--panel);\n  overflow: hidden;\n}\n.media-sidebar-thumb-mermaid svg { width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; display: block; }\n.media-sidebar-thumb-index {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  background: rgba(0,0,0,0.6);\n  color: #fff;\n  font-size: 9px;\n  font-weight: 600;\n  padding: 1px 4px;\n  border-radius: 3px;\n  line-height: 1.2;\n  pointer-events: none;\n  z-index: 1;\n}\n.media-sidebar-viewer {\n  width: 0;\n  overflow: hidden;\n  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  background: var(--bg);\n  position: relative;\n}\n.media-sidebar-viewer.open {\n  width: 45vw;\n  max-width: calc(100vw - 400px);\n  overflow: hidden;\n  padding: 16px;\n  border-right: 1px solid var(--border);\n  display: flex;\n  flex-direction: column;\n}\n.media-sidebar-viewer-close {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  z-index: 2;\n  background: var(--selected-bg);\n  border: 1px solid var(--border);\n  color: var(--text);\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  cursor: pointer;\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.media-sidebar-viewer-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n.media-sidebar-viewer-content img { max-width: 100%; max-height: calc(100vh - 140px); object-fit: contain; border-radius: 8px; }\n.media-sidebar-viewer-content video { max-width: 100%; max-height: calc(100vh - 140px); border-radius: 8px; background: #000; }\n.media-sidebar-viewer-label {\n  margin-top: 8px;\n  font-size: 12px;\n  color: var(--muted);\n  text-align: center;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n.sidebar-zoom-indicator {\n  position: absolute;\n  bottom: 12px;\n  right: 12px;\n  background: rgba(0,0,0,0.7);\n  color: #fff;\n  padding: 4px 8px;\n  border-radius: 4px;\n  font-size: 11px;\n  pointer-events: none;\n  transition: opacity 0.3s ease;\n}\n.sidebar-zoom-indicator.hidden { opacity: 0; }\n.sidebar-mermaid-viewport { overflow: hidden; position: relative; cursor: grab; }\n.sidebar-mermaid-wrapper { position: absolute; left: 0; top: 0; transform-origin: 0 0; }\n.sidebar-video-container { width: 100%; }\n.sidebar-video-container video { width: 100%; max-height: calc(100vh - 200px); border-radius: 8px; background: #000; }\n/* Video timeline */\n.video-timeline {\n  display: flex;\n  gap: 8px;\n  padding: 8px;\n  overflow-x: auto;\n  background: var(--panel);\n  border-radius: 8px;\n  margin-top: 8px;\n  scrollbar-width: thin;\n  scrollbar-color: var(--border) transparent;\n}\n.timeline-loading { color: var(--muted); font-size: 12px; padding: 8px; }\n.timeline-thumb-wrapper {\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  cursor: pointer;\n}\n.timeline-thumb {\n  width: 80px;\n  height: 60px;\n  object-fit: cover;\n  border-radius: 4px;\n  border: 2px solid transparent;\n  transition: border-color 0.2s ease;\n}\n.timeline-thumb.active { border-color: var(--accent); }\n.timeline-thumb:hover { border-color: var(--accent); opacity: 0.8; }\n.timeline-time { font-size: 10px; color: var(--muted); }\n/* Fullscreen overlay */\n.fullscreen-overlay {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0,0,0,0.9);\n  z-index: 1000;\n  flex-direction: column;\n}\n.fullscreen-overlay.visible { display: flex; }\n.fullscreen-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  background: rgba(0,0,0,0.8);\n  border-bottom: 1px solid rgba(255,255,255,0.1);\n}\n.fullscreen-header h3 { margin: 0; color: #fff; font-size: 14px; }\n.fullscreen-controls { display: flex; gap: 6px; align-items: center; }\n.fullscreen-controls button {\n  background: rgba(255,255,255,0.1);\n  border: 1px solid rgba(255,255,255,0.2);\n  color: #fff;\n  padding: 6px 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 12px;\n}\n.fullscreen-controls button:hover { background: rgba(255,255,255,0.2); }\n.fullscreen-controls .zoom-info { color: #fff; font-size: 12px; min-width: 40px; text-align: center; }\n@media (max-width: 960px) {\n  .media-sidebar { display: none !important; }\n  .media-sidebar-toggle { display: none !important; }\n}\n.video-overlay-wrapper {\n  position: relative;\n  display: inline-block;\n}\n.video-fs-overlay-btn {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 36px;\n  height: 36px;\n  padding: 0;\n  background: rgba(0,0,0,0.6);\n  border: 1px solid rgba(255,255,255,0.3);\n  color: #fff;\n  font-size: 18px;\n  line-height: 1;\n  cursor: pointer;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 5;\n  transition: background 120ms ease;\n}\n.video-fs-overlay-btn:hover { background: rgba(0,0,0,0.8); }\n@media (max-width: 600px) {\n  .minimap { display: none !important; }\n  .fullscreen-header { padding: 8px 12px; }\n  .fullscreen-controls { gap: 4px; }\n  .fullscreen-controls button { padding: 6px 8px; font-size: 11px; }\n  .fullscreen-controls .zoom-info { font-size: 11px; min-width: 32px; }\n  .history-panel { width: 100vw; }\n  body.history-open header { right: 0; }\n}");
   _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "</style></head><body>");
   _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<header><div class=\"meta\">");
   _M0IP311moonbitlang4core7builtin13StringBuilderP311moonbitlang4core7builtin6Logger13write__string(buf, "<h1>");
@@ -4829,23 +4977,23 @@ function _M0FP36kazuph5reviw4core14collect__hunks(lines, start, len) {
   while (true) {
     if (i < len) {
       const line = _M0MP311moonbitlang4core5array5Array2atGsE(lines, i);
-      if (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c955, start: 0, end: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c955.length })) {
+      if (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c956, start: 0, end: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c956.length })) {
         const header = _M0FP36kazuph5reviw4core19parse__hunk__header(line);
         const hunk_lines = [];
         i = i + 1 | 0;
         while (true) {
           if (i < len) {
             const l = _M0MP311moonbitlang4core5array5Array2atGsE(lines, i);
-            if (_M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c957, start: 0, end: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c957.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c958, start: 0, end: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c958.length }) || _M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c959, start: 0, end: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c959.length }))) {
+            if (_M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c958, start: 0, end: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c958.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c959, start: 0, end: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c959.length }) || _M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c960, start: 0, end: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c960.length }))) {
               break;
             }
-            if (_M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c960, start: 0, end: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c960.length })) {
+            if (_M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c961, start: 0, end: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c961.length })) {
               _M0MP311moonbitlang4core5array5Array4pushGRP36kazuph5reviw4core8DiffLineE(hunk_lines, { kind: 1, content: _M0FP36kazuph5reviw4core11safe__slice(l, 1) });
             } else {
-              if (_M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c961, start: 0, end: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c961.length })) {
+              if (_M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c962, start: 0, end: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c962.length })) {
                 _M0MP311moonbitlang4core5array5Array4pushGRP36kazuph5reviw4core8DiffLineE(hunk_lines, { kind: 2, content: _M0FP36kazuph5reviw4core11safe__slice(l, 1) });
               } else {
-                if (_M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c962, start: 0, end: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c962.length })) {
+                if (_M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c963, start: 0, end: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c963.length })) {
                   _M0MP311moonbitlang4core5array5Array4pushGRP36kazuph5reviw4core8DiffLineE(hunk_lines, { kind: 0, content: _M0FP36kazuph5reviw4core11safe__slice(l, 1) });
                 } else {
                   _M0MP311moonbitlang4core5array5Array4pushGRP36kazuph5reviw4core8DiffLineE(hunk_lines, { kind: 0, content: l });
@@ -4860,7 +5008,7 @@ function _M0FP36kazuph5reviw4core14collect__hunks(lines, start, len) {
         }
         _M0MP311moonbitlang4core5array5Array4pushGRP36kazuph5reviw4core8DiffHunkE(hunks, { old_start: header._0, old_count: header._1, new_start: header._2, new_count: header._3, context: header._4, lines: hunk_lines });
       } else {
-        if (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c963, start: 0, end: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c963.length }) || _M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c964, start: 0, end: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c964.length })) {
+        if (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c964, start: 0, end: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c964.length }) || _M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c965, start: 0, end: _M0FP36kazuph5reviw4core30collect__hunks_2e_2abind_7c965.length })) {
           break;
         } else {
           i = i + 1 | 0;
@@ -4900,7 +5048,7 @@ function _M0FP36kazuph5reviw4core19extract__git__paths(line) {
   }
 }
 function _M0FP36kazuph5reviw4core19strip__diff__prefix(path) {
-  return _M0MP311moonbitlang4core6string6String11has__prefix(path, { str: _M0FP36kazuph5reviw4core35strip__diff__prefix_2e_2abind_7c966, start: 0, end: _M0FP36kazuph5reviw4core35strip__diff__prefix_2e_2abind_7c966.length }) || _M0MP311moonbitlang4core6string6String11has__prefix(path, { str: _M0FP36kazuph5reviw4core35strip__diff__prefix_2e_2abind_7c967, start: 0, end: _M0FP36kazuph5reviw4core35strip__diff__prefix_2e_2abind_7c967.length }) ? _M0FP36kazuph5reviw4core11safe__slice(path, 2) : path;
+  return _M0MP311moonbitlang4core6string6String11has__prefix(path, { str: _M0FP36kazuph5reviw4core35strip__diff__prefix_2e_2abind_7c967, start: 0, end: _M0FP36kazuph5reviw4core35strip__diff__prefix_2e_2abind_7c967.length }) || _M0MP311moonbitlang4core6string6String11has__prefix(path, { str: _M0FP36kazuph5reviw4core35strip__diff__prefix_2e_2abind_7c968, start: 0, end: _M0FP36kazuph5reviw4core35strip__diff__prefix_2e_2abind_7c968.length }) ? _M0FP36kazuph5reviw4core11safe__slice(path, 2) : path;
 }
 function _M0FP36kazuph5reviw4core11parse__diff(input) {
   const files = [];
@@ -4910,7 +5058,7 @@ function _M0FP36kazuph5reviw4core11parse__diff(input) {
   while (true) {
     if (i < len) {
       const line = _M0MP311moonbitlang4core5array5Array2atGsE(lines, i);
-      if (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c969, start: 0, end: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c969.length })) {
+      if (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c970, start: 0, end: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c970.length })) {
         const paths = _M0FP36kazuph5reviw4core19extract__git__paths(line);
         let is_new = false;
         let is_deleted = false;
@@ -4919,19 +5067,19 @@ function _M0FP36kazuph5reviw4core11parse__diff(input) {
         while (true) {
           if (i < len) {
             const l = _M0MP311moonbitlang4core5array5Array2atGsE(lines, i);
-            if (_M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c971, start: 0, end: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c971.length })) {
+            if (_M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c972, start: 0, end: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c972.length })) {
               is_new = true;
               i = i + 1 | 0;
             } else {
-              if (_M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c972, start: 0, end: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c972.length })) {
+              if (_M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c973, start: 0, end: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c973.length })) {
                 is_deleted = true;
                 i = i + 1 | 0;
               } else {
-                if (_M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c973, start: 0, end: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c973.length })) {
+                if (_M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c974, start: 0, end: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c974.length })) {
                   is_binary = true;
                   i = i + 1 | 0;
                 } else {
-                  if (_M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c974, start: 0, end: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c974.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c975, start: 0, end: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c975.length }) || _M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c976, start: 0, end: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c976.length }))) {
+                  if (_M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c975, start: 0, end: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c975.length }) || (_M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c976, start: 0, end: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c976.length }) || _M0MP311moonbitlang4core6string6String11has__prefix(l, { str: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c977, start: 0, end: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c977.length }))) {
                     i = i + 1 | 0;
                   } else {
                     break;
@@ -4948,11 +5096,11 @@ function _M0FP36kazuph5reviw4core11parse__diff(input) {
         i = result._1;
         _M0MP311moonbitlang4core5array5Array4pushGRP36kazuph5reviw4core8DiffFileE(files, { old_path: paths._0, new_path: paths._1, is_new: is_new, is_deleted: is_deleted, is_binary: is_binary, hunks: result._0 });
       } else {
-        if (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c977, start: 0, end: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c977.length })) {
+        if (_M0MP311moonbitlang4core6string6String11has__prefix(line, { str: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c978, start: 0, end: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c978.length })) {
           const old_path = _M0FP36kazuph5reviw4core19strip__diff__prefix(_M0FP36kazuph5reviw4core11safe__slice(line, 4));
           let new_path = "";
           i = i + 1 | 0;
-          if (i < len && _M0MP311moonbitlang4core6string6String11has__prefix(_M0MP311moonbitlang4core5array5Array2atGsE(lines, i), { str: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c978, start: 0, end: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c978.length })) {
+          if (i < len && _M0MP311moonbitlang4core6string6String11has__prefix(_M0MP311moonbitlang4core5array5Array2atGsE(lines, i), { str: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c979, start: 0, end: _M0FP36kazuph5reviw4core27parse__diff_2e_2abind_7c979.length })) {
             new_path = _M0FP36kazuph5reviw4core19strip__diff__prefix(_M0FP36kazuph5reviw4core11safe__slice(_M0MP311moonbitlang4core5array5Array2atGsE(lines, i), 4));
             i = i + 1 | 0;
           }
@@ -5073,13 +5221,13 @@ function _M0FP36kazuph5reviw4core21csv__data__from__flat(flat) {
   }
 }
 function _M0FP36kazuph5reviw6server12exists__sync(_tmp) {
-  return existsSync$2028(_tmp);
+  return existsSync$2140(_tmp);
 }
 function _M0FP36kazuph5reviw6server10path__join(_tmp, _tmp$2) {
-  return join$2031(_tmp, _tmp$2);
+  return join$2143(_tmp, _tmp$2);
 }
 function _M0FP36kazuph5reviw6server16read__file__sync(_tmp, _tmp$2) {
-  return readFileSync$2034(_tmp, _tmp$2);
+  return readFileSync$2146(_tmp, _tmp$2);
 }
 function _M0FP36kazuph5reviw6server12load__ui__js() {
   if (_M0FP36kazuph5reviw6server13ui__js__cache.val.length > 0) {
@@ -5097,7 +5245,7 @@ function _M0FP36kazuph5reviw6server12load__ui__js() {
   }
 }
 function _M0FP36kazuph5reviw6server11os__homedir() {
-  return homedir$2036();
+  return homedir$2148();
 }
 function _M0FP36kazuph5reviw6server9lock__dir() {
   const override_dir = _M0FP36kazuph5reviw6server13get__env__var("REVIW_LOCK_DIR");
@@ -5108,7 +5256,7 @@ function _M0FP36kazuph5reviw6server10lock__path(port) {
   return _M0FP36kazuph5reviw6server10path__join(dir, `${_M0IP016_24default__implP311moonbitlang4core7builtin4Show10to__stringGiE(port)}.lock`);
 }
 function _M0FP36kazuph5reviw6server11mkdir__sync(_tmp, _tmp$2) {
-  return mkdirSync$2039(_tmp, _tmp$2);
+  return mkdirSync$2151(_tmp, _tmp$2);
 }
 function _M0FP36kazuph5reviw6server17ensure__lock__dir() {
   const dir = _M0FP36kazuph5reviw6server9lock__dir();
@@ -5119,20 +5267,41 @@ function _M0FP36kazuph5reviw6server17ensure__lock__dir() {
     return;
   }
 }
+function _M0FP36kazuph5reviw6server16read__file__safe(path) {
+  return _M0FP36kazuph5reviw6server17try__call__string(() => _M0FP36kazuph5reviw6server16read__file__sync(path, "utf-8"), "");
+}
+function _M0FP36kazuph5reviw6server12unlink__sync(_tmp) {
+  return unlinkSync$2156(_tmp);
+}
 function _M0FP36kazuph5reviw6server16is__port__locked(port) {
   const lp = _M0FP36kazuph5reviw6server10lock__path(port);
-  return _M0FP36kazuph5reviw6server12exists__sync(lp);
+  if (!_M0FP36kazuph5reviw6server12exists__sync(lp)) {
+    return false;
+  }
+  const content = _M0FP36kazuph5reviw6server16read__file__safe(lp);
+  if (content.length === 0) {
+    _M0FP36kazuph5reviw6server12unlink__sync(lp);
+    return false;
+  }
+  const pid = _M0FP36kazuph5reviw4core16parse__int__safe(content);
+  if (pid <= 0) {
+    _M0FP36kazuph5reviw6server12unlink__sync(lp);
+    return false;
+  }
+  if (_M0FP36kazuph5reviw6server15process__exists(pid)) {
+    return true;
+  } else {
+    _M0FP36kazuph5reviw6server12unlink__sync(lp);
+    return false;
+  }
 }
 function _M0FP36kazuph5reviw6server17write__file__sync(_tmp, _tmp$2) {
-  return writeFileSync$2042(_tmp, _tmp$2);
+  return writeFileSync$2159(_tmp, _tmp$2);
 }
 function _M0FP36kazuph5reviw6server11write__lock(port) {
   _M0FP36kazuph5reviw6server17ensure__lock__dir();
   const lp = _M0FP36kazuph5reviw6server10lock__path(port);
-  _M0FP36kazuph5reviw6server17write__file__sync(lp, _M0MP311moonbitlang4core3int3Int18to__string_2einner(port, 10));
-}
-function _M0FP36kazuph5reviw6server12unlink__sync(_tmp) {
-  return unlinkSync$2044(_tmp);
+  _M0FP36kazuph5reviw6server17write__file__sync(lp, _M0MP311moonbitlang4core3int3Int18to__string_2einner(_M0FP36kazuph5reviw6server12process__pid(), 10));
 }
 function _M0FP36kazuph5reviw6server12remove__lock(port) {
   const lp = _M0FP36kazuph5reviw6server10lock__path(port);
@@ -5162,10 +5331,7 @@ function _M0FP36kazuph5reviw6server21find__available__port(base) {
   return base;
 }
 function _M0FP36kazuph5reviw6server13path__dirname(_tmp) {
-  return dirname$2048(_tmp);
-}
-function _M0FP36kazuph5reviw6server16read__file__safe(path) {
-  return _M0FP36kazuph5reviw6server17try__call__string(() => _M0FP36kazuph5reviw6server16read__file__sync(path, "utf-8"), "");
+  return dirname$2163(_tmp);
 }
 function _M0FP36kazuph5reviw6server21get__package__version() {
   let dir = _M0FP36kazuph5reviw6server16get__script__dir();
@@ -5211,17 +5377,17 @@ function _M0FP36kazuph5reviw6server11parse__port(s) {
   return n === 0 ? 4989 : n;
 }
 function _M0FP36kazuph5reviw6server12print__usage() {
-  _M0FP36kazuph5reviw6server12console__log(_M0FP36kazuph5reviw6server26print__usage_2eusage_7c409);
+  _M0FP36kazuph5reviw6server12console__log(_M0FP36kazuph5reviw6server26print__usage_2eusage_7c449);
 }
 function _M0FP36kazuph5reviw6server17read__stdin__sync() {
   return _M0FP36kazuph5reviw6server16read__file__sync("/dev/stdin", "utf-8");
 }
 function _M0FP36kazuph5reviw6server13path__extname(_tmp) {
-  return extname$2057(_tmp);
+  return extname$2170(_tmp);
 }
 function _M0FP36kazuph5reviw6server12detect__mode(file_path) {
   const ext = _M0FP36kazuph5reviw6server13path__extname(file_path);
-  const ext_lower = _M0MP311moonbitlang4core6string6String11has__prefix(ext, { str: _M0FP36kazuph5reviw6server28detect__mode_2e_2abind_7c455, start: 0, end: _M0FP36kazuph5reviw6server28detect__mode_2e_2abind_7c455.length }) ? _M0MP311moonbitlang4core6string6String9to__lower(_M0FP36kazuph5reviw4core11safe__slice(ext, 1)) : _M0MP311moonbitlang4core6string6String9to__lower(ext);
+  const ext_lower = _M0MP311moonbitlang4core6string6String11has__prefix(ext, { str: _M0FP36kazuph5reviw6server28detect__mode_2e_2abind_7c497, start: 0, end: _M0FP36kazuph5reviw6server28detect__mode_2e_2abind_7c497.length }) ? _M0MP311moonbitlang4core6string6String9to__lower(_M0FP36kazuph5reviw4core11safe__slice(ext, 1)) : _M0MP311moonbitlang4core6string6String9to__lower(ext);
   return _M0MP36kazuph5reviw4core8FileMode15from__extension(ext_lower);
 }
 function _M0FP36kazuph5reviw6server16detect__encoding(buf) {
@@ -5319,7 +5485,7 @@ function _M0FP36kazuph5reviw6server16detect__encoding(buf) {
   return "utf-8";
 }
 function _M0FP36kazuph5reviw6server18read__file__buffer(_tmp) {
-  return readFileSync$2034(_tmp);
+  return readFileSync$2146(_tmp);
 }
 function _M0FP36kazuph5reviw6server12decode__file(path, override_enc) {
   const buf = _M0FP36kazuph5reviw6server18read__file__buffer(path);
@@ -5361,19 +5527,57 @@ function _M0FP36kazuph5reviw6server22load__and__build__html(ctx) {
   return _M0FP36kazuph5reviw4core16build__csv__html(data, ctx.filename, ctx.port);
 }
 function _M0FP36kazuph5reviw6server14path__basename(_tmp) {
-  return basename$2067(_tmp);
+  return basename$2180(_tmp);
 }
 function _M0FP36kazuph5reviw6server13path__resolve(_tmp) {
-  return resolve$2069(_tmp);
+  return resolve$2182(_tmp);
 }
 function _M0FP36kazuph5reviw6server25http__create__server__raw(_tmp) {
-  return createServer$2074(_tmp);
+  return createServer$2187(_tmp);
 }
 function _M0FP36kazuph5reviw6server14create__server(handler) {
   return _M0FP36kazuph5reviw6server25http__create__server__raw(handler);
 }
+function _M0FP36kazuph5reviw6server19remove__active__tab(ctx, tab_id) {
+  if (tab_id.length === 0) {
+    return undefined;
+  }
+  let idx = -1;
+  const _arr = ctx.active_tabs;
+  const _len = _arr.length;
+  let _tmp = 0;
+  while (true) {
+    const _i = _tmp;
+    if (_i < _len) {
+      const existing = _arr[_i];
+      if (existing === tab_id) {
+        idx = _i;
+        break;
+      }
+      _tmp = _i + 1 | 0;
+      continue;
+    } else {
+      break;
+    }
+  }
+  if (idx >= 0 && idx < ctx.active_tabs.length) {
+    _M0MP311moonbitlang4core5array5Array6removeGsE(ctx.active_tabs, idx);
+    return;
+  } else {
+    return;
+  }
+}
+function _M0FP36kazuph5reviw6server22cancel__pending__close(ctx) {
+  if (!_M0FP36kazuph5reviw6server15js__is__nullish(ctx.pending_close_timer)) {
+    _M0FP36kazuph5reviw6server14clear__timeout(ctx.pending_close_timer);
+    ctx.pending_close_timer = _M0FP36kazuph5reviw6server8js__null();
+    return;
+  } else {
+    return;
+  }
+}
 function _M0FP36kazuph5reviw6server22write__file__sync__buf(_tmp, _tmp$2) {
-  return writeFileSync$2042(_tmp, _tmp$2);
+  return writeFileSync$2159(_tmp, _tmp$2);
 }
 function _M0FP36kazuph5reviw6server16base64__to__file(data, dir, index) {
   const ext = _M0FP36kazuph5reviw6server20extract__base64__ext(data);
@@ -5407,7 +5611,7 @@ function _M0FP36kazuph5reviw6server20ensure__history__dir() {
   }
 }
 function _M0FP36kazuph5reviw6server20crypto__create__hash(_tmp) {
-  return createHash$2090(_tmp);
+  return createHash$2206(_tmp);
 }
 function _M0FP36kazuph5reviw6server14crypto__sha256(s) {
   return _M0FP36kazuph5reviw6server27hash__update__digest__hex16(_M0FP36kazuph5reviw6server20crypto__create__hash("sha256"), s);
@@ -5466,9 +5670,14 @@ function _M0FP36kazuph5reviw6server13save__history(file_path, entry_json) {
   _M0FP36kazuph5reviw6server11chmod__sync(hp, 384);
 }
 function _M0FP36kazuph5reviw6server13unwatch__file(_tmp) {
-  return unwatchFile$2096(_tmp);
+  return unwatchFile$2212(_tmp);
 }
 function _M0FP36kazuph5reviw6server14handle__submit(ctx, body) {
+  if (ctx.finished) {
+    return undefined;
+  }
+  ctx.finished = true;
+  _M0FP36kazuph5reviw6server22cancel__pending__close(ctx);
   const summary = _M0FP36kazuph5reviw6server19json__parse__string("summary", body);
   const raw_comments = _M0FP36kazuph5reviw6server21json__parse__comments(body);
   const comments = [];
@@ -5582,8 +5791,95 @@ function _M0FP36kazuph5reviw6server14handle__submit(ctx, body) {
     return;
   }
 }
+function _M0FP36kazuph5reviw6server23schedule__close__submit(ctx, draft) {
+  if (ctx.finished) {
+    return undefined;
+  }
+  _M0FP36kazuph5reviw6server22cancel__pending__close(ctx);
+  const draft_body = draft.length > 0 ? draft : "{\"summary\":\"\",\"comments\":[]}";
+  ctx.pending_close_timer = _M0FP36kazuph5reviw6server12set__timeout(() => {
+    ctx.pending_close_timer = _M0FP36kazuph5reviw6server8js__null();
+    let _tmp;
+    if (ctx.finished) {
+      _tmp = true;
+    } else {
+      const _p = ctx.active_tabs;
+      _tmp = !(_p.length === 0);
+    }
+    if (_tmp) {
+      return undefined;
+    }
+    _M0FP36kazuph5reviw6server14handle__submit(ctx, draft_body);
+  }, 700);
+}
+function _M0FP36kazuph5reviw6server22handle__session__close(ctx, body) {
+  if (ctx.finished) {
+    return undefined;
+  }
+  const tab_id = _M0FP36kazuph5reviw6server19json__parse__string("tabId", body);
+  const instance_id = _M0FP36kazuph5reviw6server19json__parse__string("instanceId", body);
+  const draft = _M0FP36kazuph5reviw6server19json__parse__string("draft", body);
+  if (tab_id.length > 0 && instance_id.length > 0) {
+    const _bind = _M0MP311moonbitlang4core7builtin3Map3getGssE(ctx.active_tab_instances, tab_id);
+    if (_bind === undefined) {
+    } else {
+      const _Some = _bind;
+      const _active_instance = _Some;
+      if (!(_active_instance === instance_id)) {
+        return undefined;
+      }
+    }
+  }
+  _M0MP311moonbitlang4core7builtin3Map6removeGssE(ctx.active_tab_instances, tab_id);
+  _M0FP36kazuph5reviw6server19remove__active__tab(ctx, tab_id);
+  const _p = ctx.active_tabs;
+  if (_p.length === 0) {
+    _M0FP36kazuph5reviw6server23schedule__close__submit(ctx, draft);
+    return;
+  } else {
+    return;
+  }
+}
+function _M0FP36kazuph5reviw6server16has__active__tab(ctx, tab_id) {
+  const _arr = ctx.active_tabs;
+  const _len = _arr.length;
+  let _tmp = 0;
+  while (true) {
+    const _i = _tmp;
+    if (_i < _len) {
+      const existing = _arr[_i];
+      if (existing === tab_id) {
+        return true;
+      }
+      _tmp = _i + 1 | 0;
+      continue;
+    } else {
+      break;
+    }
+  }
+  return false;
+}
+function _M0FP36kazuph5reviw6server16add__active__tab(ctx, tab_id) {
+  if (tab_id.length === 0 || _M0FP36kazuph5reviw6server16has__active__tab(ctx, tab_id)) {
+    return undefined;
+  }
+  _M0MP311moonbitlang4core5array5Array4pushGsE(ctx.active_tabs, tab_id);
+}
+function _M0FP36kazuph5reviw6server21handle__session__open(ctx, body) {
+  if (ctx.finished) {
+    return undefined;
+  }
+  const tab_id = _M0FP36kazuph5reviw6server19json__parse__string("tabId", body);
+  const instance_id = _M0FP36kazuph5reviw6server19json__parse__string("instanceId", body);
+  if (tab_id.length === 0 || instance_id.length === 0) {
+    return undefined;
+  }
+  _M0FP36kazuph5reviw6server22cancel__pending__close(ctx);
+  _M0FP36kazuph5reviw6server16add__active__tab(ctx, tab_id);
+  _M0MP311moonbitlang4core7builtin3Map3setGssE(ctx.active_tab_instances, tab_id, instance_id);
+}
 function _M0FP36kazuph5reviw6server17child__exec__sync(_tmp, _tmp$2) {
-  return execSync$2104(_tmp, _tmp$2);
+  return execSync$2224(_tmp, _tmp$2);
 }
 function _M0FP36kazuph5reviw6server15command__exists(cmd) {
   return _M0FP36kazuph5reviw6server15try__call__bool(() => {
@@ -5636,10 +5932,10 @@ function _M0FP36kazuph5reviw6server19json__encode__value(s) {
   return buf.val;
 }
 function _M0FP36kazuph5reviw6server17fs__mkdtemp__sync(_tmp) {
-  return mkdtempSync$2108(_tmp);
+  return mkdtempSync$2228(_tmp);
 }
 function _M0FP36kazuph5reviw6server10os__tmpdir() {
-  return tmpdir$2109();
+  return tmpdir$2229();
 }
 function _M0FP36kazuph5reviw6server15make__temp__dir() {
   return _M0FP36kazuph5reviw6server17fs__mkdtemp__sync(`${_M0FP36kazuph5reviw6server10os__tmpdir()}/reviw-`);
@@ -5648,13 +5944,13 @@ function _M0FP36kazuph5reviw6server18read__file__base64(path) {
   return _M0FP36kazuph5reviw6server17try__call__string(() => _M0FP36kazuph5reviw6server15buf__to__base64(_M0FP36kazuph5reviw6server18read__file__buffer(path)), "");
 }
 function _M0FP36kazuph5reviw6server22fs__readdir__sync__raw(_tmp) {
-  return readdirSync$2119(_tmp);
+  return readdirSync$2239(_tmp);
 }
 function _M0FP36kazuph5reviw6server13readdir__sync(path) {
   return _M0FP36kazuph5reviw6server24try__call__array__string(() => _M0FP36kazuph5reviw6server22fs__readdir__sync__raw(path));
 }
 function _M0FP36kazuph5reviw6server12fs__rm__sync(_tmp, _tmp$2) {
-  return rmSync$2128(_tmp, _tmp$2);
+  return rmSync$2248(_tmp, _tmp$2);
 }
 function _M0FP36kazuph5reviw6server18rm__dir__recursive(path) {
   _M0FP36kazuph5reviw6server15try__call__void(() => {
@@ -5662,13 +5958,13 @@ function _M0FP36kazuph5reviw6server18rm__dir__recursive(path) {
   });
 }
 function _M0FP36kazuph5reviw6server12child__spawn(_tmp, _tmp$2, _tmp$3) {
-  return spawn$2134(_tmp, _tmp$2, _tmp$3);
+  return spawn$2254(_tmp, _tmp$2, _tmp$3);
 }
 function _M0FP36kazuph5reviw6server12spawn__async(cmd, args_json) {
   return _M0FP36kazuph5reviw6server12child__spawn(cmd, _M0FP36kazuph5reviw6server15js__parse__json(args_json), _M0FP36kazuph5reviw6server21js__spawn__opts__pipe());
 }
 function _M0FP36kazuph5reviw6server18child__spawn__sync(_tmp, _tmp$2, _tmp$3) {
-  return spawnSync$2139(_tmp, _tmp$2, _tmp$3);
+  return spawnSync$2259(_tmp, _tmp$2, _tmp$3);
 }
 function _M0FP36kazuph5reviw6server19spawn__sync__stdout(cmd, args_json) {
   return _M0FP36kazuph5reviw6server17try__call__string(() => _M0FP36kazuph5reviw6server15js__obj__stdout(_M0FP36kazuph5reviw6server18child__spawn__sync(cmd, _M0FP36kazuph5reviw6server15js__parse__json(args_json), _M0FP36kazuph5reviw6server27js__spawn__opts__utf8__pipe())), "");
@@ -5676,7 +5972,7 @@ function _M0FP36kazuph5reviw6server19spawn__sync__stdout(cmd, args_json) {
 function _M0FP36kazuph5reviw6server23handle__video__timeline(ctx, url, res) {
   const video_path = _M0FP36kazuph5reviw6server19parse__query__param(url, "path");
   const scene_str = _M0FP36kazuph5reviw6server19parse__query__param(url, "scene");
-  if (_M0MP311moonbitlang4core6string6String8contains(video_path, { str: _M0FP36kazuph5reviw6server39handle__video__timeline_2e_2abind_7c488, start: 0, end: _M0FP36kazuph5reviw6server39handle__video__timeline_2e_2abind_7c488.length })) {
+  if (_M0MP311moonbitlang4core6string6String8contains(video_path, { str: _M0FP36kazuph5reviw6server39handle__video__timeline_2e_2abind_7c539, start: 0, end: _M0FP36kazuph5reviw6server39handle__video__timeline_2e_2abind_7c539.length })) {
     _M0FP36kazuph5reviw6server16res__write__head(res, 400, "text/plain");
     _M0FP36kazuph5reviw6server8res__end(res, "Invalid path");
     return undefined;
@@ -5721,7 +6017,7 @@ function _M0FP36kazuph5reviw6server23handle__video__timeline(ctx, url, res) {
       const _i = _tmp;
       if (_i < _len) {
         const file = files[_i];
-        if (_M0MP311moonbitlang4core6string6String11has__prefix(file, { str: _M0FP36kazuph5reviw6server39handle__video__timeline_2e_2abind_7c491, start: 0, end: _M0FP36kazuph5reviw6server39handle__video__timeline_2e_2abind_7c491.length }) && _M0MP311moonbitlang4core6string6String11has__suffix(file, { str: _M0FP36kazuph5reviw6server39handle__video__timeline_2e_2abind_7c492, start: 0, end: _M0FP36kazuph5reviw6server39handle__video__timeline_2e_2abind_7c492.length })) {
+        if (_M0MP311moonbitlang4core6string6String11has__prefix(file, { str: _M0FP36kazuph5reviw6server39handle__video__timeline_2e_2abind_7c542, start: 0, end: _M0FP36kazuph5reviw6server39handle__video__timeline_2e_2abind_7c542.length }) && _M0MP311moonbitlang4core6string6String11has__suffix(file, { str: _M0FP36kazuph5reviw6server39handle__video__timeline_2e_2abind_7c543, start: 0, end: _M0FP36kazuph5reviw6server39handle__video__timeline_2e_2abind_7c543.length })) {
           _M0MP311moonbitlang4core5array5Array4pushGsE(scene_files, file);
         }
         _tmp = _i + 1 | 0;
@@ -5882,13 +6178,13 @@ function _M0FP36kazuph5reviw6server9index__of(s, target) {
   return -1;
 }
 function _M0FP36kazuph5reviw6server14fs__stat__sync(_tmp) {
-  return statSync$2154(_tmp);
+  return statSync$2274(_tmp);
 }
 function _M0FP36kazuph5reviw6server14is__file__sync(path) {
   return _M0FP36kazuph5reviw6server18js__stat__is__file(_M0FP36kazuph5reviw6server14fs__stat__sync(path));
 }
 function _M0FP36kazuph5reviw6server30fs__create__read__stream__opts(_tmp, _tmp$2) {
-  return createReadStream$2158(_tmp, _tmp$2);
+  return createReadStream$2278(_tmp, _tmp$2);
 }
 function _M0FP36kazuph5reviw6server17pipe__file__range(file_path, res, content_type, range_header) {
   const stat = _M0FP36kazuph5reviw6server14fs__stat__sync(file_path);
@@ -5903,7 +6199,7 @@ function _M0FP36kazuph5reviw6server17pipe__file__range(file_path, res, content_t
   _M0FP36kazuph5reviw6server8js__pipe(stream, res);
 }
 function _M0FP36kazuph5reviw6server24fs__create__read__stream(_tmp) {
-  return createReadStream$2158(_tmp);
+  return createReadStream$2278(_tmp);
 }
 function _M0FP36kazuph5reviw6server24pipe__file__to__response(file_path, res, content_type) {
   const stat = _M0FP36kazuph5reviw6server14fs__stat__sync(file_path);
@@ -5916,8 +6212,8 @@ function _M0FP36kazuph5reviw6server24pipe__file__to__response(file_path, res, co
 function _M0FP36kazuph5reviw6server19serve__static__file(ctx, url, req, res) {
   const qmark = _M0FP36kazuph5reviw6server9index__of(url, 63);
   const url_path = qmark >= 0 ? _M0FP36kazuph5reviw4core18safe__slice__range(url, 0, qmark) : url;
-  const relative_path = _M0MP311moonbitlang4core6string6String11has__prefix(url_path, { str: _M0FP36kazuph5reviw6server35serve__static__file_2e_2abind_7c521, start: 0, end: _M0FP36kazuph5reviw6server35serve__static__file_2e_2abind_7c521.length }) ? _M0FP36kazuph5reviw4core11safe__slice(url_path, 1) : url_path;
-  if (_M0MP311moonbitlang4core6string6String8contains(relative_path, { str: _M0FP36kazuph5reviw6server35serve__static__file_2e_2abind_7c519, start: 0, end: _M0FP36kazuph5reviw6server35serve__static__file_2e_2abind_7c519.length })) {
+  const relative_path = _M0MP311moonbitlang4core6string6String11has__prefix(url_path, { str: _M0FP36kazuph5reviw6server35serve__static__file_2e_2abind_7c572, start: 0, end: _M0FP36kazuph5reviw6server35serve__static__file_2e_2abind_7c572.length }) ? _M0FP36kazuph5reviw4core11safe__slice(url_path, 1) : url_path;
+  if (_M0MP311moonbitlang4core6string6String8contains(relative_path, { str: _M0FP36kazuph5reviw6server35serve__static__file_2e_2abind_7c570, start: 0, end: _M0FP36kazuph5reviw6server35serve__static__file_2e_2abind_7c570.length })) {
     _M0FP36kazuph5reviw6server16res__write__head(res, 403, "text/plain");
     _M0FP36kazuph5reviw6server8res__end(res, "Forbidden");
     return undefined;
@@ -5934,7 +6230,7 @@ function _M0FP36kazuph5reviw6server19serve__static__file(ctx, url, req, res) {
   if (_M0FP36kazuph5reviw6server12exists__sync(resolved_static) && _M0FP36kazuph5reviw6server14is__file__sync(resolved_static)) {
     const ext = _M0MP311moonbitlang4core6string6String9to__lower(_M0FP36kazuph5reviw6server13path__extname(resolved_static));
     const content_type = _M0FP36kazuph5reviw6server15get__mime__type(ext);
-    const is_video = _M0MP311moonbitlang4core6string6String11has__prefix(content_type, { str: _M0FP36kazuph5reviw6server35serve__static__file_2e_2abind_7c520, start: 0, end: _M0FP36kazuph5reviw6server35serve__static__file_2e_2abind_7c520.length });
+    const is_video = _M0MP311moonbitlang4core6string6String11has__prefix(content_type, { str: _M0FP36kazuph5reviw6server35serve__static__file_2e_2abind_7c571, start: 0, end: _M0FP36kazuph5reviw6server35serve__static__file_2e_2abind_7c571.length });
     const range = _M0FP36kazuph5reviw6server18req__range__header(req);
     if (is_video && range.length > 0) {
       _M0FP36kazuph5reviw6server17pipe__file__range(resolved_static, res, content_type, range);
@@ -5952,8 +6248,8 @@ function _M0FP36kazuph5reviw6server19serve__static__file(ctx, url, req, res) {
 function _M0FP36kazuph5reviw6server25serve__static__file__head(ctx, url, res) {
   const qmark = _M0FP36kazuph5reviw6server9index__of(url, 63);
   const url_path = qmark >= 0 ? _M0FP36kazuph5reviw4core18safe__slice__range(url, 0, qmark) : url;
-  const relative_path = _M0MP311moonbitlang4core6string6String11has__prefix(url_path, { str: _M0FP36kazuph5reviw6server41serve__static__file__head_2e_2abind_7c523, start: 0, end: _M0FP36kazuph5reviw6server41serve__static__file__head_2e_2abind_7c523.length }) ? _M0FP36kazuph5reviw4core11safe__slice(url_path, 1) : url_path;
-  if (_M0MP311moonbitlang4core6string6String8contains(relative_path, { str: _M0FP36kazuph5reviw6server41serve__static__file__head_2e_2abind_7c522, start: 0, end: _M0FP36kazuph5reviw6server41serve__static__file__head_2e_2abind_7c522.length })) {
+  const relative_path = _M0MP311moonbitlang4core6string6String11has__prefix(url_path, { str: _M0FP36kazuph5reviw6server41serve__static__file__head_2e_2abind_7c574, start: 0, end: _M0FP36kazuph5reviw6server41serve__static__file__head_2e_2abind_7c574.length }) ? _M0FP36kazuph5reviw4core11safe__slice(url_path, 1) : url_path;
+  if (_M0MP311moonbitlang4core6string6String8contains(relative_path, { str: _M0FP36kazuph5reviw6server41serve__static__file__head_2e_2abind_7c573, start: 0, end: _M0FP36kazuph5reviw6server41serve__static__file__head_2e_2abind_7c573.length })) {
     _M0FP36kazuph5reviw6server16res__write__head(res, 403, "text/plain");
     _M0FP36kazuph5reviw6server8res__end(res, "");
     return undefined;
@@ -6014,54 +6310,72 @@ function _M0FP36kazuph5reviw6server15handle__request(ctx, req, res) {
             _M0FP36kazuph5reviw6server8res__end(res, history_json);
             return;
           } else {
-            if (http_method === "GET" && _M0MP311moonbitlang4core6string6String11has__prefix(url, { str: _M0FP36kazuph5reviw6server31handle__request_2e_2abind_7c524, start: 0, end: _M0FP36kazuph5reviw6server31handle__request_2e_2abind_7c524.length })) {
+            if (http_method === "GET" && _M0MP311moonbitlang4core6string6String11has__prefix(url, { str: _M0FP36kazuph5reviw6server31handle__request_2e_2abind_7c575, start: 0, end: _M0FP36kazuph5reviw6server31handle__request_2e_2abind_7c575.length })) {
               _M0FP36kazuph5reviw6server23handle__video__timeline(ctx, url, res);
               return;
             } else {
-              if (http_method === "POST" && url === "/exit") {
+              if (http_method === "POST" && url === "/session/open") {
                 _M0FP36kazuph5reviw6server10read__body(req, (body) => {
-                  _M0FP36kazuph5reviw6server14handle__submit(ctx, body);
+                  _M0FP36kazuph5reviw6server21handle__session__open(ctx, body);
                   _M0FP36kazuph5reviw6server16res__write__head(res, 200, "application/json");
                   _M0FP36kazuph5reviw6server8res__end(res, "{\"ok\":true}");
                 });
                 return;
               } else {
-                if (http_method === "HEAD") {
-                  if (url === "/" || url === "/index.html") {
-                    _M0FP36kazuph5reviw6server16res__write__head(res, 200, "text/html; charset=utf-8");
-                    _M0FP36kazuph5reviw6server8res__end(res, "");
+                if (http_method === "POST" && url === "/close") {
+                  _M0FP36kazuph5reviw6server10read__body(req, (body) => {
+                    _M0FP36kazuph5reviw6server22handle__session__close(ctx, body);
+                    _M0FP36kazuph5reviw6server16res__write__head(res, 200, "application/json");
+                    _M0FP36kazuph5reviw6server8res__end(res, "{\"ok\":true}");
+                  });
+                  return;
+                } else {
+                  if (http_method === "POST" && url === "/exit") {
+                    _M0FP36kazuph5reviw6server10read__body(req, (body) => {
+                      _M0FP36kazuph5reviw6server14handle__submit(ctx, body);
+                      _M0FP36kazuph5reviw6server16res__write__head(res, 200, "application/json");
+                      _M0FP36kazuph5reviw6server8res__end(res, "{\"ok\":true}");
+                    });
                     return;
                   } else {
-                    if (url === "/healthz") {
-                      _M0FP36kazuph5reviw6server16res__write__head(res, 200, "application/json");
-                      _M0FP36kazuph5reviw6server8res__end(res, "");
-                      return;
-                    } else {
-                      if (url === "/ui.js") {
-                        _M0FP36kazuph5reviw6server16res__write__head(res, 200, "application/javascript; charset=utf-8");
+                    if (http_method === "HEAD") {
+                      if (url === "/" || url === "/index.html") {
+                        _M0FP36kazuph5reviw6server16res__write__head(res, 200, "text/html; charset=utf-8");
                         _M0FP36kazuph5reviw6server8res__end(res, "");
                         return;
                       } else {
-                        if (url === "/history") {
+                        if (url === "/healthz") {
                           _M0FP36kazuph5reviw6server16res__write__head(res, 200, "application/json");
                           _M0FP36kazuph5reviw6server8res__end(res, "");
                           return;
                         } else {
-                          _M0FP36kazuph5reviw6server25serve__static__file__head(ctx, url, res);
-                          return;
+                          if (url === "/ui.js") {
+                            _M0FP36kazuph5reviw6server16res__write__head(res, 200, "application/javascript; charset=utf-8");
+                            _M0FP36kazuph5reviw6server8res__end(res, "");
+                            return;
+                          } else {
+                            if (url === "/history") {
+                              _M0FP36kazuph5reviw6server16res__write__head(res, 200, "application/json");
+                              _M0FP36kazuph5reviw6server8res__end(res, "");
+                              return;
+                            } else {
+                              _M0FP36kazuph5reviw6server25serve__static__file__head(ctx, url, res);
+                              return;
+                            }
+                          }
                         }
                       }
+                    } else {
+                      if (http_method === "GET") {
+                        _M0FP36kazuph5reviw6server19serve__static__file(ctx, url, req, res);
+                        return;
+                      } else {
+                        _M0FP36kazuph5reviw6server16res__write__head(res, 404, "text/plain");
+                        _M0FP36kazuph5reviw6server8res__end(res, "Not Found");
+                        return;
+                      }
                     }
                   }
-                } else {
-                  if (http_method === "GET") {
-                    _M0FP36kazuph5reviw6server19serve__static__file(ctx, url, req, res);
-                    return;
-                  } else {
-                    _M0FP36kazuph5reviw6server16res__write__head(res, 404, "text/plain");
-                    _M0FP36kazuph5reviw6server8res__end(res, "Not Found");
-                    return;
-                  }
                 }
               }
             }
@@ -6085,13 +6399,13 @@ function _M0FP36kazuph5reviw6server28try__activate__existing__tab(url) {
   }
   const chrome_script = `set found to false\ntell application \"System Events\"\n  if exists process \"Google Chrome\" then\n    tell application \"Google Chrome\"\n      set targetUrl to \"${url}\"\n      repeat with w in windows\n        set tabIndex to 1\n        repeat with t in tabs of w\n          if URL of t starts with targetUrl then\n            set active tab index of w to tabIndex\n            set index of w to 1\n            activate\n            set found to true\n            exit repeat\n          end if\n          set tabIndex to tabIndex + 1\n        end repeat\n        if found then exit repeat\n      end repeat\n    end tell\n  end if\nend tell\nfound`;
   const chrome_result = _M0FP36kazuph5reviw6server19spawn__sync__result("osascript", `[\"-e\", ${_M0FP36kazuph5reviw6server19json__encode__value(chrome_script)}]`);
-  if (_M0MP311moonbitlang4core6string6String8contains(chrome_result, { str: _M0FP36kazuph5reviw6server44try__activate__existing__tab_2e_2abind_7c525, start: 0, end: _M0FP36kazuph5reviw6server44try__activate__existing__tab_2e_2abind_7c525.length })) {
+  if (_M0MP311moonbitlang4core6string6String8contains(chrome_result, { str: _M0FP36kazuph5reviw6server44try__activate__existing__tab_2e_2abind_7c576, start: 0, end: _M0FP36kazuph5reviw6server44try__activate__existing__tab_2e_2abind_7c576.length })) {
     _M0FP36kazuph5reviw6server12console__log(`Activated existing Chrome tab: ${url}`);
     return true;
   }
   const safari_script = `set found to false\ntell application \"System Events\"\n  if exists process \"Safari\" then\n    tell application \"Safari\"\n      set targetUrl to \"${url}\"\n      repeat with w in windows\n        repeat with t in tabs of w\n          if URL of t starts with targetUrl then\n            set current tab of w to t\n            set index of w to 1\n            activate\n            set found to true\n            exit repeat\n          end if\n        end repeat\n        if found then exit repeat\n      end repeat\n    end tell\n  end if\nend tell\nfound`;
   const safari_result = _M0FP36kazuph5reviw6server19spawn__sync__result("osascript", `[\"-e\", ${_M0FP36kazuph5reviw6server19json__encode__value(safari_script)}]`);
-  if (_M0MP311moonbitlang4core6string6String8contains(safari_result, { str: _M0FP36kazuph5reviw6server44try__activate__existing__tab_2e_2abind_7c526, start: 0, end: _M0FP36kazuph5reviw6server44try__activate__existing__tab_2e_2abind_7c526.length })) {
+  if (_M0MP311moonbitlang4core6string6String8contains(safari_result, { str: _M0FP36kazuph5reviw6server44try__activate__existing__tab_2e_2abind_7c577, start: 0, end: _M0FP36kazuph5reviw6server44try__activate__existing__tab_2e_2abind_7c577.length })) {
     _M0FP36kazuph5reviw6server12console__log(`Activated existing Safari tab: ${url}`);
     return true;
   }
@@ -6134,10 +6448,12 @@ function _M0FP36kazuph5reviw6server11try__listen(ctx, port, attempt, no_open) {
       return;
     }
   });
-  _M0FP36kazuph5reviw6server14server__listen(server, port, () => {
+  const host = _M0FP36kazuph5reviw6server10bind__host.val;
+  _M0FP36kazuph5reviw6server14server__listen(server, port, host, () => {
     ctx.port = port;
     _M0FP36kazuph5reviw6server11write__lock(port);
-    const url = `http://127.0.0.1:${_M0IP016_24default__implP311moonbitlang4core7builtin4Show10to__stringGiE(port)}`;
+    const display_host = host === "0.0.0.0" ? "127.0.0.1" : host;
+    const url = `http://${display_host}:${_M0IP016_24default__implP311moonbitlang4core7builtin4Show10to__stringGiE(port)}`;
     _M0FP36kazuph5reviw6server12console__log(`reviw serving ${ctx.filename} at ${url}`);
     if (!no_open) {
       _M0FP36kazuph5reviw6server13open__browser(url);
@@ -6167,13 +6483,16 @@ function _M0FP36kazuph5reviw6server19start__http__server(ctx, no_open) {
   _M0FP36kazuph5reviw6server11try__listen(ctx, ctx.port, 0, no_open);
 }
 function _M0FP36kazuph5reviw6server11watch__file(_tmp, _tmp$2) {
-  return watchFile$2194(_tmp, _tmp$2);
+  return watchFile$2315(_tmp, _tmp$2);
 }
 function _M0FP36kazuph5reviw6server19start__file__server(file_path, port, no_open) {
   const resolved = _M0FP36kazuph5reviw6server13path__resolve(file_path);
   const filename = _M0FP36kazuph5reviw6server14path__basename(resolved);
   const mode = _M0FP36kazuph5reviw6server12detect__mode(resolved);
-  const ctx = { file_path: resolved, filename: filename, mode: mode, port: port, html_cache: "", sse_clients: [] };
+  const _tmp = [];
+  const _tmp$2 = [];
+  const _bind = [];
+  const ctx = { file_path: resolved, filename: filename, mode: mode, port: port, html_cache: "", sse_clients: _tmp, active_tabs: _tmp$2, active_tab_instances: _M0MP311moonbitlang4core7builtin3Map11from__arrayGssE({ buf: _bind, start: 0, end: 0 }), pending_close_timer: _M0FP36kazuph5reviw6server8js__null(), finished: false };
   ctx.html_cache = _M0FP36kazuph5reviw6server22load__and__build__html(ctx);
   _M0MP311moonbitlang4core5array5Array4pushGRP36kazuph5reviw6server13ServerContextE(_M0FP36kazuph5reviw6server15active__servers, ctx);
   const _p = ctx.file_path;
@@ -6183,13 +6502,13 @@ function _M0FP36kazuph5reviw6server19start__file__server(file_path, port, no_ope
     _M0FP36kazuph5reviw6server11watch__file(resolved, (_curr, _prev) => {
       ctx.html_cache = _M0FP36kazuph5reviw6server22load__and__build__html(ctx);
       const _len = clients.length;
-      let _tmp = 0;
+      let _tmp$3 = 0;
       while (true) {
-        const _i = _tmp;
+        const _i = _tmp$3;
         if (_i < _len) {
           const client = clients[_i];
           _M0FP36kazuph5reviw6server9sse__send(client, "reload", "");
-          _tmp = _i + 1 | 0;
+          _tmp$3 = _i + 1 | 0;
           continue;
         } else {
           return;
@@ -6202,7 +6521,10 @@ function _M0FP36kazuph5reviw6server19start__file__server(file_path, port, no_ope
 function _M0FP36kazuph5reviw6server20start__stdin__server(content, port, no_open) {
   const data = _M0FP36kazuph5reviw4core11parse__diff(content);
   const html = _M0FP36kazuph5reviw4core17build__diff__html(data, "stdin", port);
-  const ctx = { file_path: "<stdin>", filename: "stdin", mode: 3, port: port, html_cache: html, sse_clients: [] };
+  const _tmp = [];
+  const _tmp$2 = [];
+  const _bind = [];
+  const ctx = { file_path: "<stdin>", filename: "stdin", mode: 3, port: port, html_cache: html, sse_clients: _tmp, active_tabs: _tmp$2, active_tab_instances: _M0MP311moonbitlang4core7builtin3Map11from__arrayGssE({ buf: _bind, start: 0, end: 0 }), pending_close_timer: _M0FP36kazuph5reviw6server8js__null(), finished: false };
   _M0MP311moonbitlang4core5array5Array4pushGRP36kazuph5reviw6server13ServerContextE(_M0FP36kazuph5reviw6server15active__servers, ctx);
   _M0FP36kazuph5reviw6server15expected__count.val = 1;
   _M0FP36kazuph5reviw6server19start__http__server(ctx, no_open);
@@ -6210,11 +6532,11 @@ function _M0FP36kazuph5reviw6server20start__stdin__server(content, port, no_open
 (() => {
   const argv = _M0FP36kazuph5reviw6server9get__argv();
   const args = [];
-  const _end413 = argv.length;
+  const _end453 = argv.length;
   let _tmp = 2;
   while (true) {
     const i = _tmp;
-    if (i < _end413) {
+    if (i < _end453) {
       _M0MP311moonbitlang4core5array5Array4pushGsE(args, _M0MP311moonbitlang4core5array5Array2atGsE(argv, i));
       _tmp = i + 1 | 0;
       continue;
@@ -6247,14 +6569,21 @@ function _M0FP36kazuph5reviw6server20start__stdin__server(content, port, no_open
             if (arg === "--no-open") {
               no_open = true;
             } else {
-              if (arg === "--encoding" || arg === "-e") {
+              if (arg === "--host") {
                 i = i + 1 | 0;
                 if (i < args.length) {
-                  _M0FP36kazuph5reviw6server18encoding__override.val = _M0MP311moonbitlang4core5array5Array2atGsE(args, i);
+                  _M0FP36kazuph5reviw6server10bind__host.val = _M0MP311moonbitlang4core5array5Array2atGsE(args, i);
                 }
               } else {
-                if (!_M0MP311moonbitlang4core6string6String11has__prefix(arg, { str: _M0FP36kazuph5reviw6server26_2ainit_2a_2e_2abind_7c536, start: 0, end: _M0FP36kazuph5reviw6server26_2ainit_2a_2e_2abind_7c536.length })) {
-                  _M0MP311moonbitlang4core5array5Array4pushGsE(files, arg);
+                if (arg === "--encoding" || arg === "-e") {
+                  i = i + 1 | 0;
+                  if (i < args.length) {
+                    _M0FP36kazuph5reviw6server18encoding__override.val = _M0MP311moonbitlang4core5array5Array2atGsE(args, i);
+                  }
+                } else {
+                  if (!_M0MP311moonbitlang4core6string6String11has__prefix(arg, { str: _M0FP36kazuph5reviw6server26_2ainit_2a_2e_2abind_7c589, start: 0, end: _M0FP36kazuph5reviw6server26_2ainit_2a_2e_2abind_7c589.length })) {
+                    _M0MP311moonbitlang4core5array5Array4pushGsE(files, arg);
+                  }
                 }
               }
             }