ryugi-artifacts 1.39.2 → 1.40.0

package/dist/viewer-lib/{dist-DOalUtJc.js → dist-qFBnO3rM.js}

@@ -1,6 +1,6 @@
-import { $ as e, B as t, C as n, E as r, F as i, G as a, H as o, I as s, K as c, L as l, N as u, P as d, T as f, V as p, X as m, Y as h, Z as ee, it as te, k as ne, pt as g, q as _, rt as v, st as re, tt as ie, w as ae, z as y } from "./SnapshotDocument-DVgv4kZc.js";
-import { t as oe } from "./dist-CwK-8NZD.js";
-import { html as se, htmlCompletionSource as ce } from "./dist-CN94e3wg.js";
+import { $ as e, B as t, C as n, E as r, F as i, G as a, H as o, I as s, K as c, L as l, N as u, P as d, T as f, V as p, X as m, Y as h, Z as ee, it as te, k as ne, pt as g, q as _, rt as v, st as re, tt as ie, w as ae, z as y } from "./SnapshotDocument-De-tiDPI.js";
+import { t as oe } from "./dist-LzRa-AGu.js";
+import { html as se, htmlCompletionSource as ce } from "./dist-BY7JD5jN.js";
 //#region node_modules/.pnpm/@lezer+markdown@1.8.0/node_modules/@lezer/markdown/dist/index.js
 var le = class e {
 	static create(t, n, r, i, a) {

package/dist/viewer-lib/{dist-CfdxOCXD.js → dist-z-bwfT82.js}

@@ -1,6 +1,6 @@
-import { A as e, F as t, H as n, J as r, M as i, N as a, O as o, S as s, T as c, V as l, W as ee, j as u, z as d } from "./SnapshotDocument-DVgv4kZc.js";
-import { i as f, n as p, r as m, t as h } from "./dist-DNPsTu4O.js";
-import { i as g, n as _, r as v } from "./dist-CwK-8NZD.js";
+import { A as e, F as t, H as n, J as r, M as i, N as a, O as o, S as s, T as c, V as l, W as ee, j as u, z as d } from "./SnapshotDocument-De-tiDPI.js";
+import { i as f, n as p, r as m, t as h } from "./dist-_NLfozkW.js";
+import { i as g, n as _, r as v } from "./dist-LzRa-AGu.js";
 //#region node_modules/.pnpm/@lezer+go@1.0.1/node_modules/@lezer/go/dist/index.js
 var y = 177, b = 179, x = 184, S = 12, C = 13, w = 17, T = 20, E = 25, D = 53, O = 95, k = 142, A = 144, j = 145, M = 148, N = 10, P = 13, F = 32, te = 9, I = 47, L = 41, R = 125, z = new p((e, t) => {
 	for (let n = 0, r = e.next; (t.context && (r < 0 || r == N || r == P || r == I && e.peek(n + 1) == I) || r == L || r == R) && e.acceptToken(y), r == F || r == te;) r = e.peek(++n);

package/dist/viewer-lib/document.js

@@ -1,9 +1,9 @@
-import './stylex-BP2Ddl4K.css';
+import './stylex-Bp5PFQ3Y.css';
 import './document-ClCMRXt7.css';
-import { c as e, f as t, g as n, i as r, n as i, r as a, t as o } from "./relayConnection-xbk3NnAF.js";
-import { f as s, l as c, u as l } from "./cloud-0rqarT99.js";
-import { D as u, P as d, b as f, i as p, m, p as h, r as g, s as _, u as v, v as y, x as b } from "./useCloudHeader-BxH29VyW.js";
-import { $n as x, Bn as S, Fn as C, Gn as w, Hn as T, In as E, Jn as ee, Kn as D, Ln as O, Mn as te, Nn as k, Pn as A, Qn as j, Rn as M, Un as N, Vn as ne, Wn as re, Xn as ie, Yn as ae, Zn as oe, _ as P, a as se, b as ce, bn as F, bt as I, c as le, cn as ue, d as de, er as L, f as fe, g as pe, h as me, i as he, l as ge, ln as R, m as _e, mt as ve, o as ye, p as be, qn as xe, r as Se, s as Ce, t as we, tr as Te, u as Ee, un as z, v as De, vn as Oe, vt as ke, x as Ae, xn as je, y as Me, yn as Ne, yt as Pe, zn as Fe } from "./SnapshotDocument-DVgv4kZc.js";
+import { c as e, f as t, g as n, i as r, n as i, r as a, t as o } from "./relayConnection-CoSjRI7m.js";
+import { f as s, l as c, u as l } from "./cloud-BA1xJLJk.js";
+import { D as u, P as d, b as f, i as p, m, p as h, r as g, s as _, u as v, v as y, x as b } from "./useCloudHeader-DwNI6tTZ.js";
+import { $n as x, Bn as S, Fn as C, Gn as w, Hn as T, In as E, Jn as ee, Kn as D, Ln as O, Mn as te, Nn as k, Pn as A, Qn as j, Rn as M, Un as N, Vn as ne, Wn as re, Xn as ie, Yn as ae, Zn as oe, _ as P, a as se, b as ce, bn as F, bt as I, c as le, cn as ue, d as de, er as L, f as fe, g as pe, h as me, i as he, l as ge, ln as R, m as _e, mt as ve, o as ye, p as be, qn as xe, r as Se, s as Ce, t as we, tr as Te, u as Ee, un as z, v as De, vn as Oe, vt as ke, x as Ae, xn as je, y as Me, yn as Ne, yt as Pe, zn as Fe } from "./SnapshotDocument-De-tiDPI.js";
 import { cloneElement as Ie, createElement as Le, isValidElement as Re, useCallback as B, useEffect as V, useLayoutEffect as ze, useMemo as H, useRef as U, useState as W } from "react";
 import { ChevronDown as Be, ChevronRight as Ve, ChevronUp as He, CircleAlert as Ue, Link as We, Lock as Ge, MessageSquare as Ke, PenLine as qe, RotateCw as Je, X as Ye } from "lucide-react";
 import { Fragment as G, jsx as K, jsxs as q } from "react/jsx-runtime";

package/dist/viewer-lib/{ebnfDiagram-PWID7BFC-D_zTzYMe.js → ebnfDiagram-PWID7BFC-qGnBb2Wm.js}

@@ -1,9 +1,9 @@
 import { n as e } from "./src-DcUAebVw.js";
 import { n as t } from "./chunk-Y2CYZVJY-c41SY4TE.js";
 import "./chunk-DU6HZSFF-Dv9UIhEg.js";
-import "./dist-BKU67DAz.js";
+import "./dist-6oDcRnC0.js";
 import { f as n, t as r } from "./mermaid-parser.core-TWWwbQ5l.js";
-import { n as i, r as a, t as o } from "./chunk-SVP7TREG-DiV7oQG5.js";
+import { n as i, r as a, t as o } from "./chunk-SVP7TREG-CCIdldtk.js";
 import { t as s } from "./chunk-JWPE2WC7-DI69CthA.js";
 //#region node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/ebnfDiagram-PWID7BFC.mjs
 var c = n().RailroadEbnf.parser.LangiumParser, l = /* @__PURE__ */ t((e) => {

package/dist/viewer-lib/{el-GR-BZB4AONW-C8ktxGsL.js → el-GR-BZB4AONW-DSnRjCtl.js}

@@ -1,4 +1,4 @@
-import "./prod-BgzfkEK3.js";
+import "./prod-D4-YOarx.js";
 //#region node_modules/.pnpm/@excalidraw+excalidraw@0.18.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_a25c1476b9f79f7d7934d7242f2f9a82/node_modules/@excalidraw/excalidraw/dist/prod/locales/el-GR-BZB4AONW.js
 var e = {
 	paste: "Επικόλληση",

package/dist/viewer-lib/{en-B4ZKOASM-B3j3Q6gb.js → en-B4ZKOASM-lVIWk7ac.js}

@@ -1 +1 @@
-export { O as alerts, A as buttons, F as canvasError, I as clearCanvasDialog, a as colorPicker, u as colors, h as commandPalette, s as confirmDialog, o as default, x as element, M as elementLink, l as encrypted, z as errorDialog, T as errorSplash, N as errors, L as exportDialog, p as fontList, j as headings, D as helpDialog, k as hints, R as imageExportDialog, P as labels, y as library, c as mermaid, v as overwriteConfirm, C as publishDialog, g as publishSuccessDialog, d as quickSearch, w as roomDialog, E as search, b as shareDialog, _ as stats, f as toast, S as toolBar, B as userList, m as welcomeScreen } from "./prod-BgzfkEK3.js";
+export { O as alerts, A as buttons, F as canvasError, I as clearCanvasDialog, a as colorPicker, u as colors, h as commandPalette, s as confirmDialog, o as default, x as element, M as elementLink, l as encrypted, z as errorDialog, T as errorSplash, N as errors, L as exportDialog, p as fontList, j as headings, D as helpDialog, k as hints, R as imageExportDialog, P as labels, y as library, c as mermaid, v as overwriteConfirm, C as publishDialog, g as publishSuccessDialog, d as quickSearch, w as roomDialog, E as search, b as shareDialog, _ as stats, f as toast, S as toolBar, B as userList, m as welcomeScreen } from "./prod-D4-YOarx.js";

package/dist/viewer-lib/{erDiagram-RLTQ6QDP-B3j_D6kc.js → erDiagram-RLTQ6QDP-IKBFQG5K.js}

@@ -1,16 +1,16 @@
 import { c as e, g as t } from "./chunk-75Z2AOVW-CoVO1dhC.js";
 import { n, t as r } from "./src-DcUAebVw.js";
-import "./chunk-PWAF6VOD-KzuaHqkZ.js";
+import "./chunk-PWAF6VOD-DsQ0UBDi.js";
 import { n as i, t as a } from "./chunk-Y2CYZVJY-c41SY4TE.js";
 import { H as o, K as s, U as c, a as l, it as u, s as d, v as f, w as p, x as m, y as h } from "./chunk-DU6HZSFF-Dv9UIhEg.js";
 import { t as g } from "./channel-CTsuIYn9.js";
 import "./chunk-P2QGCYS3-D2LQPwCl.js";
-import "./chunk-GMAD6QVW-Dnq3f5bN.js";
-import "./chunk-4HAMMTFA-CXv-Lij8.js";
-import "./chunk-GVQU2GXP-IqZUlrEd.js";
-import "./chunk-L3NEJ4N5-BflwC_sh.js";
-import "./chunk-OSK3NFVY-CaPk1ucD.js";
-import { n as _, r as v } from "./dist-BKU67DAz.js";
+import "./chunk-GMAD6QVW-DjabgI3m.js";
+import "./chunk-4HAMMTFA-CsARL8YZ.js";
+import "./chunk-GVQU2GXP-Gm2AWppa.js";
+import "./chunk-L3NEJ4N5-DF4ITbi3.js";
+import "./chunk-OSK3NFVY-BOPEbkqm.js";
+import { n as _, r as v } from "./dist-6oDcRnC0.js";
 import { t as y } from "./chunk-XXDRQBXY-Bz5kxpU5.js";
 import { t as b } from "./chunk-POPQ4Y6H-CDQtm1Ao.js";
 //#region node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/erDiagram-RLTQ6QDP.mjs

package/dist/viewer-lib/{es-ES-U4NZUMDT-CbllhkGx.js → es-ES-U4NZUMDT-_CDMDD4F.js}

@@ -1,4 +1,4 @@
-import "./prod-BgzfkEK3.js";
+import "./prod-D4-YOarx.js";
 //#region node_modules/.pnpm/@excalidraw+excalidraw@0.18.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_a25c1476b9f79f7d7934d7242f2f9a82/node_modules/@excalidraw/excalidraw/dist/prod/locales/es-ES-U4NZUMDT.js
 var e = {
 	paste: "Pegar",

package/dist/viewer-lib/{eu-ES-A7QVB2H4-C5mvS9oG.js → eu-ES-A7QVB2H4-CK9AWUKJ.js}

@@ -1,4 +1,4 @@
-import "./prod-BgzfkEK3.js";
+import "./prod-D4-YOarx.js";
 //#region node_modules/.pnpm/@excalidraw+excalidraw@0.18.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_a25c1476b9f79f7d7934d7242f2f9a82/node_modules/@excalidraw/excalidraw/dist/prod/locales/eu-ES-A7QVB2H4.js
 var e = {
 	paste: "Itsatsi",

package/dist/viewer-lib/{fa-IR-HGAKTJCU-yJeTcxrT.js → fa-IR-HGAKTJCU-oHnINZdD.js}

@@ -1,4 +1,4 @@
-import "./prod-BgzfkEK3.js";
+import "./prod-D4-YOarx.js";
 //#region node_modules/.pnpm/@excalidraw+excalidraw@0.18.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_a25c1476b9f79f7d7934d7242f2f9a82/node_modules/@excalidraw/excalidraw/dist/prod/locales/fa-IR-HGAKTJCU.js
 var e = {
 	paste: "جای گذاری",

package/dist/viewer-lib/{fi-FI-Z5N7JZ37-C8q7mIIU.js → fi-FI-Z5N7JZ37-D9kRvIBR.js}

@@ -1,4 +1,4 @@
-import "./prod-BgzfkEK3.js";
+import "./prod-D4-YOarx.js";
 //#region node_modules/.pnpm/@excalidraw+excalidraw@0.18.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_a25c1476b9f79f7d7934d7242f2f9a82/node_modules/@excalidraw/excalidraw/dist/prod/locales/fi-FI-Z5N7JZ37.js
 var e = {
 	paste: "Liitä",

package/dist/viewer-lib/flowDiagram-HODETNUW-BMuFpAop.js

@@ -0,0 +1,15 @@
+import "./chunk-75Z2AOVW-CoVO1dhC.js";
+import "./src-DcUAebVw.js";
+import "./chunk-PWAF6VOD-DsQ0UBDi.js";
+import "./chunk-DU6HZSFF-Dv9UIhEg.js";
+import "./chunk-P2QGCYS3-D2LQPwCl.js";
+import "./chunk-GMAD6QVW-DjabgI3m.js";
+import "./chunk-4HAMMTFA-CsARL8YZ.js";
+import "./chunk-GVQU2GXP-Gm2AWppa.js";
+import "./chunk-L3NEJ4N5-DF4ITbi3.js";
+import "./chunk-OSK3NFVY-BOPEbkqm.js";
+import "./dist-6oDcRnC0.js";
+import "./chunk-F27PBJKO-DdsnNf10.js";
+import "./chunk-XXDRQBXY-Bz5kxpU5.js";
+import "./chunk-POPQ4Y6H-CDQtm1Ao.js";
+export { n as diagram } from "./chunk-SHT3W25Y-CsuWKWDg.js";

package/dist/viewer-lib/{fr-FR-RHASNOE6-CwWN3-B4.js → fr-FR-RHASNOE6-RuoumtdC.js}

@@ -1,4 +1,4 @@
-import "./prod-BgzfkEK3.js";
+import "./prod-D4-YOarx.js";
 //#region node_modules/.pnpm/@excalidraw+excalidraw@0.18.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_a25c1476b9f79f7d7934d7242f2f9a82/node_modules/@excalidraw/excalidraw/dist/prod/locales/fr-FR-RHASNOE6.js
 var e = {
 	paste: "Coller",

package/dist/viewer-lib/{ganttDiagram-EL5Y4UJY-BJGo1mEA.js → ganttDiagram-EL5Y4UJY-DAQf3LUk.js}

@@ -1,6 +1,6 @@
 import { i as e, t } from "./rolldown-runtime-5HNE8Q1r.js";
 import { g as n } from "./chunk-75Z2AOVW-CoVO1dhC.js";
-import { $t as r, At as i, Bt as a, Dt as o, Et as s, Ft as c, Gt as l, Ht as u, It as d, Jt as f, Kt as p, Lt as m, Mt as h, Nt as g, Ot as _, Pt as v, Qt as y, Rt as b, Tt as x, Ut as S, Vt as C, Wt as w, Xt as T, Yt as E, Zt as D, en as O, in as ee, jt as k, kt as A, nn as te, on as ne, qt as j, rn as re, sn as ie, wt as M, zt as ae } from "./SnapshotDocument-DVgv4kZc.js";
+import { $t as r, At as i, Bt as a, Dt as o, Et as s, Ft as c, Gt as l, Ht as u, It as d, Jt as f, Kt as p, Lt as m, Mt as h, Nt as g, Ot as _, Pt as v, Qt as y, Rt as b, Tt as x, Ut as S, Vt as C, Wt as w, Xt as T, Yt as E, Zt as D, en as O, in as ee, jt as k, kt as A, nn as te, on as ne, qt as j, rn as re, sn as ie, wt as M, zt as ae } from "./SnapshotDocument-De-tiDPI.js";
 import { t as oe } from "./init-Cgg2UTSf.js";
 import { i as se, n as N, t as ce } from "./src-DcUAebVw.js";
 import { n as P } from "./chunk-Y2CYZVJY-c41SY4TE.js";

package/dist/viewer-lib/{gl-ES-HMX3MZ6V-Dfg0EguH.js → gl-ES-HMX3MZ6V-fZkA6DcO.js}

@@ -1,4 +1,4 @@
-import "./prod-BgzfkEK3.js";
+import "./prod-D4-YOarx.js";
 //#region node_modules/.pnpm/@excalidraw+excalidraw@0.18.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_a25c1476b9f79f7d7934d7242f2f9a82/node_modules/@excalidraw/excalidraw/dist/prod/locales/gl-ES-HMX3MZ6V.js
 var e = {
 	paste: "Pegar",

package/dist/viewer-lib/{he-IL-6SHJWFNN-IOfOOjsf.js → he-IL-6SHJWFNN-CRIBqOQe.js}

@@ -1,4 +1,4 @@
-import "./prod-BgzfkEK3.js";
+import "./prod-D4-YOarx.js";
 //#region node_modules/.pnpm/@excalidraw+excalidraw@0.18.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_a25c1476b9f79f7d7934d7242f2f9a82/node_modules/@excalidraw/excalidraw/dist/prod/locales/he-IL-6SHJWFNN.js
 var e = {
 	paste: "הדבק",

package/dist/viewer-lib/{hi-IN-IWLTKZ5I-BNW_Aia8.js → hi-IN-IWLTKZ5I-iYdeSw6W.js}

@@ -1,4 +1,4 @@
-import "./prod-BgzfkEK3.js";
+import "./prod-D4-YOarx.js";
 //#region node_modules/.pnpm/@excalidraw+excalidraw@0.18.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_a25c1476b9f79f7d7934d7242f2f9a82/node_modules/@excalidraw/excalidraw/dist/prod/locales/hi-IN-IWLTKZ5I.js
 var e = {
 	paste: "चिपकाएँ",

package/dist/viewer-lib/{hu-HU-A5ZG7DT2-BPZ72S51.js → hu-HU-A5ZG7DT2-O7dn2ZvO.js}

@@ -1,4 +1,4 @@
-import "./prod-BgzfkEK3.js";
+import "./prod-D4-YOarx.js";
 //#region node_modules/.pnpm/@excalidraw+excalidraw@0.18.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_a25c1476b9f79f7d7934d7242f2f9a82/node_modules/@excalidraw/excalidraw/dist/prod/locales/hu-HU-A5ZG7DT2.js
 var e = {
 	paste: "Beillesztés",

package/dist/viewer-lib/{id-ID-SAP4L64H-LjNRsgYi.js → id-ID-SAP4L64H-DZUpRr3k.js}

@@ -1,4 +1,4 @@
-import "./prod-BgzfkEK3.js";
+import "./prod-D4-YOarx.js";
 //#region node_modules/.pnpm/@excalidraw+excalidraw@0.18.1_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react_a25c1476b9f79f7d7934d7242f2f9a82/node_modules/@excalidraw/excalidraw/dist/prod/locales/id-ID-SAP4L64H.js
 var e = {
 	paste: "Tempel",

package/dist/viewer-lib/{ids-DbFcmtFG.js → ids-DDz78ZZ5.js}

@@ -1,5 +1,5 @@
 import './ids-BYJOAhWQ.css';
-import { d as e, u as t } from "./cloud-0rqarT99.js";
+import { d as e, u as t } from "./cloud-BA1xJLJk.js";
 import { Component as n, Suspense as r, createContext as i, lazy as a, useContext as o, useEffect as s, useState as c } from "react";
 import { jsx as l } from "react/jsx-runtime";
 import { setLobeTheme as u } from "@lobehub/ui/es/styles/theme/scope";
@@ -139,15 +139,55 @@ var A = (e, t, n) => ({
 			children: t("chrome.canvasFailed", { message: this.state.error.message })
 		}) : this.props.children;
 	}
-}, M = i(null);
-function N({ pageWindow: e, children: t }) {
-	return /* @__PURE__ */ l(M.Provider, {
+}, M = [
+	.125,
+	.25,
+	.5,
+	1,
+	2
+], N = 240, P = (e, t) => M.find((n) => n >= e * t) ?? M[M.length - 1], F = (e, t) => {
+	let n = t.x + e.x * t.k, r = t.y + e.y * t.k;
+	return {
+		left: n,
+		top: r,
+		right: n + e.w * t.k,
+		bottom: r + e.h * t.k
+	};
+};
+function I({ boards: e, view: t, viewport: n, pinned: r, snapshots: i }) {
+	let a = e.map((e) => {
+		let { left: r, top: i, right: a, bottom: o } = F(e, t), s = Math.max(0, Math.min(a, n.width) - Math.max(r, 0)) * Math.max(0, Math.min(o, n.height) - Math.max(i, 0)), c = Math.hypot(Math.max(0, -a, r - n.width), Math.max(0, -o, i - n.height));
+		return {
+			id: e.id,
+			area: s,
+			distance: c
+		};
+	}), o = t.k >= .4 ? new Set(a.filter((e) => e.area > 0).sort((e, t) => t.area - e.area).slice(0, 4).map((e) => e.id)) : /* @__PURE__ */ new Set();
+	return new Map(a.map(({ id: e, distance: t }) => r.has(e) || o.has(e) ? [e, "live"] : t > n.width ? [e, "empty"] : [e, i.has(e) ? "snapshot" : "placeholder"]));
+}
+function L({ boards: e, view: t, viewport: n }) {
+	return new Map(e.map((e) => {
+		let { left: r, top: i, right: a, bottom: o } = F(e, t), s = a >= -240 && o >= -240 && r <= n.width + N && i <= n.height + N;
+		return [e.id, {
+			tier: s ? "live" : "empty",
+			mounted: s,
+			image: null,
+			overlay: !1,
+			hidden: !1
+		}];
+	}));
+}
+//#endregion
+//#region src/viewer/ViewerContext.tsx
+var R = i(null);
+function z({ pageWindow: e, children: t }) {
+	return /* @__PURE__ */ l(R.Provider, {
 		value: e ?? null,
 		children: t
 	});
 }
-var P = () => o(M) ?? window, F = a(() => import("./shims.js").then(() => import("./SnapshotDocument-DVgv4kZc.js").then((e) => e.n))), I = a(() => import("./Canvas-DhVw4WDg.js").then((e) => e.n).then(({ Canvas: e }) => ({ default: e }))), L = () => () => {}, R = () => {}, z = /* @__PURE__ */ new Set();
-function B({ type: t, id: n, data: i, failed: a }) {
+var B = () => o(R) ?? window, V = a(() => import("./shims.js").then(() => import("./SnapshotDocument-De-tiDPI.js").then((e) => e.n))), H = a(() => import("./Canvas-BBqpPRdY.js").then((e) => e.n).then(({ Canvas: e }) => ({ default: e }))), U = () => () => {}, W = () => {}, G = /* @__PURE__ */ new Set();
+function K({ type: t, id: n, data: i, failed: a }) {
 	let { t: o } = e(), [u, d] = c(() => ({
 		width: innerWidth,
 		height: innerHeight
@@ -176,7 +216,7 @@ function B({ type: t, id: n, data: i, failed: a }) {
 		resetKey: i.state,
 		children: /* @__PURE__ */ l(r, {
 			fallback: f(o("preview.loading")),
-			children: /* @__PURE__ */ l(F, {
+			children: /* @__PURE__ */ l(V, {
 				id: n,
 				state: i.state,
 				contentBase: i.contentBase
@@ -184,29 +224,39 @@ function B({ type: t, id: n, data: i, failed: a }) {
 		})
 	}) : f(o("preview.waitingDocument"));
 	let p = i.canvas, m = p?.activePage ?? p?.pages[0]?.id, h = m ? i.layout?.pages[m]?.bounds : null;
-	return !p || !m || !h ? f(o("preview.waitingCanvas")) : /* @__PURE__ */ l("div", {
+	if (!p || !m || !h) return f(o("preview.waitingCanvas"));
+	let g = v(h, u, {
+		top: 24,
+		right: 24,
+		bottom: 24,
+		left: 24
+	}), _ = Object.entries(p.boards).filter(([, e]) => e.page === m);
+	return /* @__PURE__ */ l("div", {
 		className: "artifact-preview-canvas",
 		children: /* @__PURE__ */ l(j, {
 			resetKey: p,
 			children: /* @__PURE__ */ l(r, {
 				fallback: f(o("preview.loading")),
-				children: /* @__PURE__ */ l(I, {
-					view: v(h, u, {
-						top: 24,
-						right: 24,
-						bottom: 24,
-						left: 24
+				children: /* @__PURE__ */ l(H, {
+					view: g,
+					renders: L({
+						boards: _.map(([e, t]) => ({
+							id: e,
+							...t
+						})),
+						view: g,
+						viewport: u
 					}),
-					boards: Object.entries(p.boards).filter(([, e]) => e.page === m),
+					boards: _,
 					notes: Object.entries(p.notes ?? {}).filter(([, e]) => e.page === m),
 					contentBase: i.contentBase,
 					versions: i.versions ?? {},
 					pending: new Set(i.pending),
-					playing: z,
+					playing: G,
 					replays: {},
 					inspecting: !1,
-					frameRef: L,
-					frameLoaded: R
+					frameRef: U,
+					frameLoaded: W
 				})
 			})
 		})
@@ -214,7 +264,7 @@ function B({ type: t, id: n, data: i, failed: a }) {
 }
 //#endregion
 //#region src/viewer/hooks/useSystemTheme.ts
-function V() {
+function q() {
 	s(() => {
 		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => u({ appearance: e.matches ? "dark" : "light" });
 		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
@@ -222,7 +272,7 @@ function V() {
 }
 //#endregion
 //#region src/shared/cloud-error.ts
-function H(e) {
+function J(e) {
 	if (!e || typeof e != "object") return {};
 	let t = e, n = {};
 	if (typeof t.code == "string" && (n.code = t.code), (t.plan === "free" || t.plan === "pro") && (n.plan = t.plan), typeof t.upgradeUrl == "string" && (n.upgradeUrl = t.upgradeUrl), t.limit && typeof t.limit == "object") {
@@ -237,6 +287,6 @@ function H(e) {
 }
 //#endregion
 //#region src/shared/ids.ts
-var U = /^[a-z0-9][a-z0-9-]*$/, W = (e) => U.test(e), G = (e) => d.includes(e);
+var Y = /^[a-z0-9][a-z0-9-]*$/, X = (e) => Y.test(e), Z = (e) => d.includes(e);
 //#endregion
-export { p as C, f as S, O as _, B as a, x as b, j as c, k as d, v as f, S as g, b as h, V as i, T as l, D as m, G as n, N as o, C as p, H as r, P as s, W as t, w as u, A as v, d as x, y };
+export { x as C, p as E, y as S, f as T, D as _, K as a, O as b, I as c, j as d, T as f, C as g, v as h, q as i, P as l, k as m, Z as n, z as o, w as p, J as r, B as s, X as t, L as u, b as v, d as w, A as x, S as y };

package/dist/viewer-lib/{image-GAAHSSAO-DIMI7P3j.js → image-GAAHSSAO-D3D0VxHl.js}

@@ -1 +1 @@
-export { U as decodePngMetadata, H as encodePngMetadata } from "./prod-BgzfkEK3.js";
+export { U as decodePngMetadata, H as encodePngMetadata } from "./prod-D4-YOarx.js";

package/dist/viewer-lib/{index-fXOsDC5S.css → index-uM2HnLXF.css}

@@ -1 +1 @@
-.ryugi-inspector{border-left:1px solid var(--lobe-color-border-secondary);background:var(--lobe-color-bg-container);width:352px;height:100%;min-height:0;color:var(--lobe-color-text);font:13px var(--lobe-font-family,system-ui,sans-serif);font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text;z-index:30;flex-direction:column;flex-shrink:0;display:flex}.ri-marquee{pointer-events:none;z-index:6;box-sizing:border-box;background:#4285ee1f;border:1px solid #4285ee;position:absolute}.ri-selection-capture{z-index:6;touch-action:none;position:absolute;inset:0}.ryugi-inspector *{box-sizing:border-box}.ri-header{border-bottom:1px solid var(--lobe-color-border-secondary);flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;height:49px;padding:0 10px;display:flex}.ri-tabs{min-width:0}.ri-tabs [role=tab]{position:relative}.ri-change-dot{color:var(--lobe-color-primary);position:absolute;top:4px;right:3px}.ri-layer-heading{letter-spacing:1px;height:30px;color:var(--lobe-color-text-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 15px;font-size:9px;font-weight:550;display:flex}.ri-layer-heading>span:last-child{letter-spacing:0;font-size:10px;font-weight:400}.ri-layers{scrollbar-width:thin;scrollbar-color:var(--lobe-color-border-secondary) transparent;flex-shrink:0;height:210px;min-height:90px;padding:0 7px 8px;overflow:auto}.ri-layer{white-space:nowrap}.ri-layer[aria-selected=true] .ri-layer-kind{font-weight:600}.ri-layer-label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ri-layer-name{color:var(--lobe-color-text-secondary);margin-left:5px}.ri-playing{color:var(--lobe-color-primary);margin-left:auto;font-size:9px}.ri-limit{color:var(--lobe-color-warning-text);margin:0;padding:4px 15px;font-size:10px;line-height:1.5}.ri-node-meta{border-block:1px solid var(--lobe-color-border-secondary);height:34px;font:10px var(--lobe-font-family-code,monospace);flex-shrink:0;align-items:center;gap:7px;padding:0 15px;display:flex}.ri-node-meta>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--lobe-color-text-secondary);overflow:hidden}.ri-node-meta>.ri-node-selector{flex:1}.ri-node-meta .ri-live{font:9px var(--lobe-font-family,system-ui);color:var(--lobe-color-success-text);flex-shrink:0}.ri-live{align-items:center;gap:4px;display:flex}.ri-panel-body{scrollbar-width:thin;scrollbar-color:var(--lobe-color-border-secondary) transparent;flex:1;min-height:0;overflow:auto}.ri-section{border-bottom:1px solid var(--lobe-color-border-secondary);padding:17px 15px 16px}.ri-section h2,.ri-code h2{letter-spacing:-.1px;justify-content:space-between;align-items:center;margin:0 0 13px;font-size:13px;font-weight:600;display:flex}.ri-field{align-items:center;gap:8px;min-height:35px;margin-top:2px;display:flex}.ri-field-label{width:80px;color:var(--lobe-color-text-secondary);flex-shrink:0;font-size:12px}.ri-field>:last-child{flex:1;min-width:0}.ri-footer{border-top:1px solid var(--lobe-color-border-secondary);height:34px;color:var(--lobe-color-text-secondary);flex-shrink:0;align-items:center;gap:6px;padding:0 13px;font-size:10px;display:flex}.ri-footer>span:last-child{margin-left:auto;font-size:9px}.ri-status-dot{color:var(--lobe-color-success);flex-shrink:0}.ri-empty{color:var(--lobe-color-text-secondary);margin:0;padding:24px 18px;font-size:12px;line-height:1.8}.ri-hint{color:var(--lobe-color-text-secondary);margin:0 0 18px;font-size:11px;line-height:1.7}.ri-layers>.ri-hint{padding:12px 8px}.ri-code{padding:16px 15px}.ri-code-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ri-code h2{margin:0}.ri-code pre{background:var(--lobe-color-fill-quaternary);border:1px solid var(--lobe-color-border-secondary);white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 var(--lobe-font-family-code,monospace);border-radius:7px;margin:0 0 22px;padding:14px}.ri-tweaks{flex-direction:column;gap:10px;margin:0 0 20px;display:flex}.ri-tweak{background:var(--lobe-color-fill-quaternary);overflow-wrap:anywhere;border-radius:6px;padding:11px 12px;font-size:11px;line-height:1.7}.ri-tweak>span{color:var(--lobe-color-text-secondary);margin-bottom:3px;font-size:10px;display:block}.ri-tweak code{color:var(--lobe-color-primary);font-size:10px}.ri-count{background:var(--lobe-color-fill-tertiary);color:var(--lobe-color-text-secondary);border-radius:4px;padding:2px 6px;font-size:10px}.ri-outline{pointer-events:none;z-index:4;box-sizing:border-box;opacity:.7;border:1px solid #4285ee;position:absolute}.ri-outline-selected{opacity:1;z-index:5;border-width:1.5px}.ri-outline-name{font:500 10px/1.2 var(--lobe-font-family,system-ui);color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#4285ee;border-radius:3px 3px 0 0;max-width:240px;padding:3px 5px;position:absolute;bottom:calc(100% + 2px);left:-1.5px;overflow:hidden}.ri-outline-size{font:10px/1.1 var(--lobe-font-family,system-ui);color:#fff;white-space:nowrap;background:#4285ee;border-radius:3px;padding:3px 5px;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%)}.ri-corner{background:#fff;border:1px solid #4285ee;width:5px;height:5px;position:absolute;transform:translate(-50%,-50%)}.ri-tl{top:0;left:0}.ri-tr{top:0;left:100%}.ri-bl{top:100%;left:0}.ri-br{top:100%;left:100%}@media (width<=900px){.ryugi-inspector{width:310px}.ri-field-label{width:64px}.ri-header{padding-inline:7px}}.ri-number-sizing{gap:8px;min-width:0;display:flex}.ri-size-input{flex:1;min-width:0}.ri-size-mode{flex:0 0 75px;width:75px}.ri-size-mode>*{width:100%}.ri-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ryugi-inspector .lobe-color-picker>span,.ryugi-inspector .lobe-input-number__suffix{color:var(--lobe-color-text-secondary)}.ri-option{align-items:center;gap:7px;display:inline-flex}.ri-panel-body>.lobe-tabs__panel{padding:0}.ri-outline-id{font:500 8px/1.2 var(--lobe-font-family-code,ui-monospace,monospace);color:#fff;white-space:nowrap;background:#4285ee;border-radius:2px 2px 0 0;padding:1px 4px;position:absolute;bottom:100%;right:-1px}.ri-node-meta>.ri-node-id{color:#4285ee;white-space:nowrap;background:#4285ee21;border:1px solid #4285ee59;border-radius:4px;flex:none;align-items:center;gap:2px;padding:0 2px 0 6px;display:inline-flex;overflow:visible}.ri-layer-id{font:10px var(--lobe-font-family-code,ui-monospace,monospace);color:var(--lobe-color-text-quaternary);margin-left:auto;padding-left:6px}.ryugi-parameters{z-index:15;border:1px solid var(--lobe-color-border-secondary);background:var(--lobe-color-bg-container);max-height:min(604px,100% - 24px);color:var(--lobe-color-text);box-shadow:var(--lobe-box-shadow-secondary);font:13px var(--lobe-font-family,system-ui,sans-serif);cursor:default;-webkit-user-select:text;user-select:text;border-radius:12px;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.ryugi-parameters *{box-sizing:border-box}.rt-header{border-bottom:1px solid var(--lobe-color-border-secondary);flex-shrink:0;align-items:center;gap:8px;height:50px;padding:0 12px 0 18px;display:flex}.rt-header h2{flex:1;margin:0;font-size:13px;font-weight:550}.rt-header>svg{color:var(--lobe-color-text-secondary)}.rt-board{border-bottom:1px solid var(--lobe-color-border-secondary);flex-shrink:0;align-items:center;gap:10px;padding:16px 18px;display:flex}.rt-board>svg{color:var(--lobe-color-text-secondary);flex-shrink:0}.rt-board>div{flex:1;min-width:0}.rt-board strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:550;display:block;overflow:hidden}.rt-board code{color:var(--lobe-color-text-secondary);overflow-wrap:anywhere;margin-top:3px;font-size:10px;display:block}.rt-board>span{color:var(--lobe-color-text-secondary);font-size:10px}.rt-body{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.rt-section{border-bottom:1px solid var(--lobe-color-border-secondary);padding:19px 18px}.rt-section h3{color:var(--lobe-color-text-secondary);margin:0 0 16px;font-size:11px;font-weight:550}.rt-field{flex-direction:column;gap:9px;margin-top:17px;display:flex}.rt-field:first-of-type{margin-top:0}.rt-field>label{font-size:12px}.rt-field>button[role=switch]{align-self:flex-start}.rt-range{align-items:center;gap:12px;display:flex}.rt-range>div{flex:1;min-width:0}.rt-range output{font:11px var(--lobe-font-family-code,monospace);text-align:center;border:1px solid var(--lobe-color-border-secondary);border-radius:4px;min-width:30px;padding:4px 6px}.rt-color{flex-direction:column;gap:10px;display:flex}.rt-swatches{gap:10px;display:flex}.rt-swatches button{border:3px solid var(--lobe-color-bg-container);width:24px;height:24px;box-shadow:0 0 0 1px var(--lobe-color-border);cursor:pointer;border-radius:50%}.rt-swatches button[aria-pressed=true]{outline:2px solid var(--lobe-color-primary);outline-offset:2px}.rt-swatches button:focus-visible{outline:2px solid var(--lobe-color-primary);outline-offset:3px}.rt-declaration{flex-direction:column;align-items:flex-start;gap:8px;padding:18px;display:flex}.rt-declaration>span{color:var(--lobe-color-text-secondary);font-size:10px}.rt-footer{border-top:1px solid var(--lobe-color-border-secondary);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:44px;padding:0 12px 0 18px;display:flex}.rt-footer>span{color:var(--lobe-color-text-secondary);font-size:10px}.rt-error{color:var(--lobe-color-error-text);overflow-wrap:anywhere;margin:0;padding:18px;font-size:12px;line-height:1.7}.rt-dialog{color:var(--lobe-color-text);background:var(--lobe-color-bg-container);border:1px solid var(--lobe-color-border-secondary);border-radius:12px;width:min(720px,90vw);max-height:85vh;padding:20px;overflow:auto}.rt-dialog::backdrop{background:#00000073}.rt-dialog header{justify-content:space-between;align-items:center;gap:16px;display:flex}.rt-dialog h2{margin:0;font-size:16px}.rt-dialog h3{margin:20px 0 10px;font-size:12px}.rt-dialog pre{background:var(--lobe-color-fill-quaternary);font:11px/1.8 var(--lobe-font-family-code,monospace);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;padding:16px}.rt-dialog p{color:var(--lobe-color-text-secondary);font-size:11px;line-height:1.7}.rt-field>span{font-size:12px}.rt-color-chip{border:1px solid var(--lobe-color-border-secondary);border-radius:3px;flex-shrink:0;width:14px;height:14px;display:inline-block}.rt-field:where(fieldset){border:0;min-width:0;margin-inline:0;padding:0}.rt-field>legend{margin-bottom:9px;padding:0;font-size:12px}.library-thumbnail{background:var(--lobe-color-fill-quaternary);border-bottom:1px solid var(--lobe-color-border-secondary);pointer-events:none;justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.library-thumbnail>span{color:var(--lobe-color-text-secondary);font-size:11px}.library-thumbnail>iframe{transform-origin:0 0;pointer-events:none;background:var(--lobe-color-bg-layout);border:0;display:block;position:absolute;top:0;left:0}
+.ryugi-inspector{border-left:1px solid var(--lobe-color-border-secondary);background:var(--lobe-color-bg-container);width:352px;height:100%;min-height:0;color:var(--lobe-color-text);font:13px var(--lobe-font-family,system-ui,sans-serif);font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text;z-index:30;flex-direction:column;flex-shrink:0;display:flex}.ri-marquee{pointer-events:none;z-index:6;box-sizing:border-box;background:#4285ee1f;border:1px solid #4285ee;position:absolute}.ri-selection-capture{z-index:6;touch-action:none;position:absolute;inset:0}.ryugi-inspector *{box-sizing:border-box}.ri-header{border-bottom:1px solid var(--lobe-color-border-secondary);flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;height:49px;padding:0 10px;display:flex}.ri-tabs{min-width:0}.ri-tabs [role=tab]{position:relative}.ri-change-dot{color:var(--lobe-color-primary);position:absolute;top:4px;right:3px}.ri-layer-heading{letter-spacing:1px;height:30px;color:var(--lobe-color-text-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 15px;font-size:9px;font-weight:550;display:flex}.ri-layer-heading>span:last-child{letter-spacing:0;font-size:10px;font-weight:400}.ri-layers{scrollbar-width:thin;scrollbar-color:var(--lobe-color-border-secondary) transparent;flex-shrink:0;height:210px;min-height:90px;padding:0 7px 8px;overflow:auto}.ri-layer{white-space:nowrap}.ri-layer[aria-selected=true] .ri-layer-kind{font-weight:600}.ri-layer-label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ri-layer-name{color:var(--lobe-color-text-secondary);margin-left:5px}.ri-playing{color:var(--lobe-color-primary);margin-left:auto;font-size:9px}.ri-limit{color:var(--lobe-color-warning-text);margin:0;padding:4px 15px;font-size:10px;line-height:1.5}.ri-node-meta{border-block:1px solid var(--lobe-color-border-secondary);height:34px;font:10px var(--lobe-font-family-code,monospace);flex-shrink:0;align-items:center;gap:7px;padding:0 15px;display:flex}.ri-node-meta>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--lobe-color-text-secondary);overflow:hidden}.ri-node-meta>.ri-node-selector{flex:1}.ri-node-meta .ri-live{font:9px var(--lobe-font-family,system-ui);color:var(--lobe-color-success-text);flex-shrink:0}.ri-live{align-items:center;gap:4px;display:flex}.ri-panel-body{scrollbar-width:thin;scrollbar-color:var(--lobe-color-border-secondary) transparent;flex:1;min-height:0;overflow:auto}.ri-section{border-bottom:1px solid var(--lobe-color-border-secondary);padding:17px 15px 16px}.ri-section h2,.ri-code h2{letter-spacing:-.1px;justify-content:space-between;align-items:center;margin:0 0 13px;font-size:13px;font-weight:600;display:flex}.ri-field{align-items:center;gap:8px;min-height:35px;margin-top:2px;display:flex}.ri-field-label{width:80px;color:var(--lobe-color-text-secondary);flex-shrink:0;font-size:12px}.ri-field>:last-child{flex:1;min-width:0}.ri-footer{border-top:1px solid var(--lobe-color-border-secondary);height:34px;color:var(--lobe-color-text-secondary);flex-shrink:0;align-items:center;gap:6px;padding:0 13px;font-size:10px;display:flex}.ri-footer>span:last-child{margin-left:auto;font-size:9px}.ri-status-dot{color:var(--lobe-color-success);flex-shrink:0}.ri-empty{color:var(--lobe-color-text-secondary);margin:0;padding:24px 18px;font-size:12px;line-height:1.8}.ri-hint{color:var(--lobe-color-text-secondary);margin:0 0 18px;font-size:11px;line-height:1.7}.ri-layers>.ri-hint{padding:12px 8px}.ri-code{padding:16px 15px}.ri-code-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ri-code h2{margin:0}.ri-code pre{background:var(--lobe-color-fill-quaternary);border:1px solid var(--lobe-color-border-secondary);white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 var(--lobe-font-family-code,monospace);border-radius:7px;margin:0 0 22px;padding:14px}.ri-tweaks{flex-direction:column;gap:10px;margin:0 0 20px;display:flex}.ri-tweak{background:var(--lobe-color-fill-quaternary);overflow-wrap:anywhere;border-radius:6px;padding:11px 12px;font-size:11px;line-height:1.7}.ri-tweak>span{color:var(--lobe-color-text-secondary);margin-bottom:3px;font-size:10px;display:block}.ri-tweak code{color:var(--lobe-color-primary);font-size:10px}.ri-count{background:var(--lobe-color-fill-tertiary);color:var(--lobe-color-text-secondary);border-radius:4px;padding:2px 6px;font-size:10px}.ri-outline{pointer-events:none;z-index:4;box-sizing:border-box;opacity:.7;border:1px solid #4285ee;position:absolute}.ri-outline-selected{opacity:1;z-index:5;border-width:1.5px}.ri-outline-name{font:500 10px/1.2 var(--lobe-font-family,system-ui);color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#4285ee;border-radius:3px 3px 0 0;max-width:240px;padding:3px 5px;position:absolute;bottom:calc(100% + 2px);left:-1.5px;overflow:hidden}.ri-outline-size{font:10px/1.1 var(--lobe-font-family,system-ui);color:#fff;white-space:nowrap;background:#4285ee;border-radius:3px;padding:3px 5px;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%)}.ri-corner{background:#fff;border:1px solid #4285ee;width:5px;height:5px;position:absolute;transform:translate(-50%,-50%)}.ri-tl{top:0;left:0}.ri-tr{top:0;left:100%}.ri-bl{top:100%;left:0}.ri-br{top:100%;left:100%}@media (width<=900px){.ryugi-inspector{width:310px}.ri-field-label{width:64px}.ri-header{padding-inline:7px}}.ri-number-sizing{gap:8px;min-width:0;display:flex}.ri-size-input{flex:1;min-width:0}.ri-size-mode{flex:0 0 75px;width:75px}.ri-size-mode>*{width:100%}.ri-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ryugi-inspector .lobe-color-picker>span,.ryugi-inspector .lobe-input-number__suffix{color:var(--lobe-color-text-secondary)}.ri-option{align-items:center;gap:7px;display:inline-flex}.ri-panel-body>.lobe-tabs__panel{padding:0}.ri-outline-id{font:500 8px/1.2 var(--lobe-font-family-code,ui-monospace,monospace);color:#fff;white-space:nowrap;background:#4285ee;border-radius:2px 2px 0 0;padding:1px 4px;position:absolute;bottom:100%;right:-1px}.ri-node-meta>.ri-node-id{color:#4285ee;white-space:nowrap;background:#4285ee21;border:1px solid #4285ee59;border-radius:4px;flex:none;align-items:center;gap:2px;padding:0 2px 0 6px;display:inline-flex;overflow:visible}.ri-layer-id{font:10px var(--lobe-font-family-code,ui-monospace,monospace);color:var(--lobe-color-text-quaternary);margin-left:auto;padding-left:6px}.ryugi-parameters{z-index:15;border:1px solid var(--lobe-color-border-secondary);background:var(--lobe-color-bg-container);max-height:min(604px,100% - 24px);color:var(--lobe-color-text);box-shadow:var(--lobe-box-shadow-secondary);font:13px var(--lobe-font-family,system-ui,sans-serif);cursor:default;-webkit-user-select:text;user-select:text;border-radius:12px;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.ryugi-parameters *{box-sizing:border-box}.rt-header{border-bottom:1px solid var(--lobe-color-border-secondary);flex-shrink:0;align-items:center;gap:8px;height:50px;padding:0 12px 0 18px;display:flex}.rt-header h2{flex:1;margin:0;font-size:13px;font-weight:550}.rt-header>svg{color:var(--lobe-color-text-secondary)}.rt-board{border-bottom:1px solid var(--lobe-color-border-secondary);flex-shrink:0;align-items:center;gap:10px;padding:16px 18px;display:flex}.rt-board>svg{color:var(--lobe-color-text-secondary);flex-shrink:0}.rt-board>div{flex:1;min-width:0}.rt-board strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:550;display:block;overflow:hidden}.rt-board code{color:var(--lobe-color-text-secondary);overflow-wrap:anywhere;margin-top:3px;font-size:10px;display:block}.rt-board>span{color:var(--lobe-color-text-secondary);font-size:10px}.rt-body{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.rt-section{border-bottom:1px solid var(--lobe-color-border-secondary);padding:19px 18px}.rt-section h3{color:var(--lobe-color-text-secondary);margin:0 0 16px;font-size:11px;font-weight:550}.rt-field{flex-direction:column;gap:9px;margin-top:17px;display:flex}.rt-field:first-of-type{margin-top:0}.rt-field>label{font-size:12px}.rt-field>button[role=switch]{align-self:flex-start}.rt-range{align-items:center;gap:12px;display:flex}.rt-range>div{flex:1;min-width:0}.rt-range output{font:11px var(--lobe-font-family-code,monospace);text-align:center;border:1px solid var(--lobe-color-border-secondary);border-radius:4px;min-width:30px;padding:4px 6px}.rt-color{flex-direction:column;gap:10px;display:flex}.rt-swatches{gap:10px;display:flex}.rt-swatches button{border:3px solid var(--lobe-color-bg-container);width:24px;height:24px;box-shadow:0 0 0 1px var(--lobe-color-border);cursor:pointer;border-radius:50%}.rt-swatches button[aria-pressed=true]{outline:2px solid var(--lobe-color-primary);outline-offset:2px}.rt-swatches button:focus-visible{outline:2px solid var(--lobe-color-primary);outline-offset:3px}.rt-declaration{flex-direction:column;align-items:flex-start;gap:8px;padding:18px;display:flex}.rt-declaration>span{color:var(--lobe-color-text-secondary);font-size:10px}.rt-footer{border-top:1px solid var(--lobe-color-border-secondary);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:44px;padding:0 12px 0 18px;display:flex}.rt-footer>span{color:var(--lobe-color-text-secondary);font-size:10px}.rt-error{color:var(--lobe-color-error-text);overflow-wrap:anywhere;margin:0;padding:18px;font-size:12px;line-height:1.7}.rt-dialog{color:var(--lobe-color-text);background:var(--lobe-color-bg-container);border:1px solid var(--lobe-color-border-secondary);border-radius:12px;width:min(720px,90vw);max-height:85vh;padding:20px;overflow:auto}.rt-dialog::backdrop{background:#00000073}.rt-dialog header{justify-content:space-between;align-items:center;gap:16px;display:flex}.rt-dialog h2{margin:0;font-size:16px}.rt-dialog h3{margin:20px 0 10px;font-size:12px}.rt-dialog pre{background:var(--lobe-color-fill-quaternary);font:11px/1.8 var(--lobe-font-family-code,monospace);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;padding:16px}.rt-dialog p{color:var(--lobe-color-text-secondary);font-size:11px;line-height:1.7}.rt-field>span{font-size:12px}.rt-color-chip{border:1px solid var(--lobe-color-border-secondary);border-radius:3px;flex-shrink:0;width:14px;height:14px;display:inline-block}.rt-field:where(fieldset){border:0;min-width:0;margin-inline:0;padding:0}.rt-field>legend{margin-bottom:9px;padding:0;font-size:12px}.library-thumbnail{background:var(--lobe-color-fill-quaternary);border-bottom:1px solid var(--lobe-color-border-secondary);height:140px;color:var(--lobe-color-text-tertiary);pointer-events:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.library-thumbnail>img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}