@dickpy/dsh-imagegen 1.5.8 → 1.5.9

package/lib/client.js

@@ -499,10 +499,16 @@ window.__ModuleLoader__.load({
 			"canvas.background": "画布背景",
 			"canvas.backgroundDots": "点阵",
 			"canvas.backgroundLines": "网格线",
-			"canvas.backgroundDiagonal": "斜线",
-			"canvas.backgroundChecker": "棋盘格",
+			"canvas.backgroundWaves": "波浪线",
+			"canvas.backgroundShapeGrid": "滚动方格",
+			"canvas.backgroundDotField": "点场",
+			"canvas.backgroundDotGrid": "互动点阵",
+			"canvas.backgroundFloatingLines": "浮动线条",
 			"canvas.backgroundFlow": "流体扰动",
-			"canvas.backgroundAurora": "极光",
+			"canvas.backgroundLiquid": "液态以太",
+			"canvas.backgroundFaultyTerminal": "故障终端",
+			"canvas.backgroundSilk": "丝绸",
+			"canvas.backgroundGalaxy": "星系",
 			"canvas.backgroundBlank": "空白",
 			"canvas.backgroundUpload": "上传自定义背景…",
 			"canvas.backgroundRemove": "移除自定义背景",
@@ -995,10 +1001,16 @@ window.__ModuleLoader__.load({
 			"canvas.background": "Canvas background",
 			"canvas.backgroundDots": "Dots",
 			"canvas.backgroundLines": "Grid lines",
-			"canvas.backgroundDiagonal": "Diagonal",
-			"canvas.backgroundChecker": "Checkerboard",
+			"canvas.backgroundWaves": "Waves",
+			"canvas.backgroundShapeGrid": "Scrolling grid",
+			"canvas.backgroundDotField": "Dot field",
+			"canvas.backgroundDotGrid": "Interactive dots",
+			"canvas.backgroundFloatingLines": "Floating lines",
 			"canvas.backgroundFlow": "Fluid flow",
-			"canvas.backgroundAurora": "Aurora",
+			"canvas.backgroundLiquid": "Liquid ether",
+			"canvas.backgroundFaultyTerminal": "Faulty terminal",
+			"canvas.backgroundSilk": "Silk",
+			"canvas.backgroundGalaxy": "Galaxy",
 			"canvas.backgroundBlank": "Blank",
 			"canvas.backgroundUpload": "Upload custom background…",
 			"canvas.backgroundRemove": "Remove custom background",
@@ -1492,10 +1504,16 @@ window.__ModuleLoader__.load({
 			"canvas.background": "Фон холста",
 			"canvas.backgroundDots": "Точки",
 			"canvas.backgroundLines": "Сетка",
-			"canvas.backgroundDiagonal": "Диагональ",
-			"canvas.backgroundChecker": "Шахматка",
+			"canvas.backgroundWaves": "Волны",
+			"canvas.backgroundShapeGrid": "Бегущая сетка",
+			"canvas.backgroundDotField": "Поле точек",
+			"canvas.backgroundDotGrid": "Интерактивные точки",
+			"canvas.backgroundFloatingLines": "Плавающие линии",
 			"canvas.backgroundFlow": "Жидкостный поток",
-			"canvas.backgroundAurora": "Аврора",
+			"canvas.backgroundLiquid": "Жидкий эфир",
+			"canvas.backgroundFaultyTerminal": "Сбойный терминал",
+			"canvas.backgroundSilk": "Шёлк",
+			"canvas.backgroundGalaxy": "Галактика",
 			"canvas.backgroundBlank": "Пустой",
 			"canvas.backgroundUpload": "Загрузить свой фон…",
 			"canvas.backgroundRemove": "Убрать свой фон",
@@ -2020,51 +2038,51 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var templates_module_css_default = {
-			"headerActions": "o0mAxG_headerActions",
-			"search": "o0mAxG_search",
+			"detailInfo": "o0mAxG_detailInfo",
+			"categoryRow": "o0mAxG_categoryRow",
+			"overlay": "o0mAxG_overlay",
+			"detailPrompt": "o0mAxG_detailPrompt",
+			"cardTitle": "o0mAxG_cardTitle",
+			"footer": "o0mAxG_footer",
 			"state": "o0mAxG_state",
-			"detailTitle": "o0mAxG_detailTitle",
-			"detailMeta": "o0mAxG_detailMeta",
+			"meta": "o0mAxG_meta",
+			"headerActions": "o0mAxG_headerActions",
+			"spinner": "o0mAxG_spinner",
+			"dsh-imagegen-templates-spin": "o0mAxG_dsh-imagegen-templates-spin",
+			"attribution": "o0mAxG_attribution",
 			"sourceLink": "o0mAxG_sourceLink",
-			"detailActions": "o0mAxG_detailActions",
-			"categoryPill": "o0mAxG_categoryPill",
-			"title": "o0mAxG_title",
-			"detailLink": "o0mAxG_detailLink",
-			"featuredBadge": "o0mAxG_featuredBadge",
-			"detailOverlay": "o0mAxG_detailOverlay",
+			"detailMeta": "o0mAxG_detailMeta",
+			"cardCategory": "o0mAxG_cardCategory",
+			"close": "o0mAxG_close",
+			"body": "o0mAxG_body",
 			"cardMeta": "o0mAxG_cardMeta",
-			"toolbar": "o0mAxG_toolbar",
-			"shell": "o0mAxG_shell",
-			"notice": "o0mAxG_notice",
 			"grid": "o0mAxG_grid",
+			"detailMedia": "o0mAxG_detailMedia",
+			"detailLink": "o0mAxG_detailLink",
+			"sourceTabCount": "o0mAxG_sourceTabCount",
+			"cardSource": "o0mAxG_cardSource",
 			"detailImage": "o0mAxG_detailImage",
-			"heading": "o0mAxG_heading",
+			"notice": "o0mAxG_notice",
+			"detailOverlay": "o0mAxG_detailOverlay",
+			"categoryPill": "o0mAxG_categoryPill",
+			"featuredBadge": "o0mAxG_featuredBadge",
+			"shell": "o0mAxG_shell",
+			"card": "o0mAxG_card",
 			"favStar": "o0mAxG_favStar",
-			"cardTitle": "o0mAxG_cardTitle",
-			"cardBody": "o0mAxG_cardBody",
-			"detailMedia": "o0mAxG_detailMedia",
-			"sourceTabs": "o0mAxG_sourceTabs",
-			"detailInfo": "o0mAxG_detailInfo",
-			"thumbWrap": "o0mAxG_thumbWrap",
-			"header": "o0mAxG_header",
-			"dsh-imagegen-templates-spin": "o0mAxG_dsh-imagegen-templates-spin",
-			"categoryRow": "o0mAxG_categoryRow",
-			"overlay": "o0mAxG_overlay",
-			"spinner": "o0mAxG_spinner",
-			"footer": "o0mAxG_footer",
+			"search": "o0mAxG_search",
 			"sourceTab": "o0mAxG_sourceTab",
+			"detailTitle": "o0mAxG_detailTitle",
+			"sourceTabs": "o0mAxG_sourceTabs",
 			"detail": "o0mAxG_detail",
-			"cardSource": "o0mAxG_cardSource",
-			"detailPrompt": "o0mAxG_detailPrompt",
-			"card": "o0mAxG_card",
+			"detailActions": "o0mAxG_detailActions",
 			"thumb": "o0mAxG_thumb",
+			"thumbWrap": "o0mAxG_thumbWrap",
+			"header": "o0mAxG_header",
 			"thumbPlaceholder": "o0mAxG_thumbPlaceholder",
-			"body": "o0mAxG_body",
-			"meta": "o0mAxG_meta",
-			"close": "o0mAxG_close",
-			"sourceTabCount": "o0mAxG_sourceTabCount",
-			"cardCategory": "o0mAxG_cardCategory",
-			"attribution": "o0mAxG_attribution"
+			"toolbar": "o0mAxG_toolbar",
+			"cardBody": "o0mAxG_cardBody",
+			"title": "o0mAxG_title",
+			"heading": "o0mAxG_heading"
 		};
 		//#endregion
 		//#region src/client/TemplateLibrary.tsx
@@ -2692,19 +2710,19 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var inspiration_module_css_default = {
-			"thumbFallback": "IgRnJG_thumbFallback",
-			"thumbTitle": "IgRnJG_thumbTitle",
-			"emptyIcon": "IgRnJG_emptyIcon",
+			"emptyHint": "IgRnJG_emptyHint",
 			"emptyTitle": "IgRnJG_emptyTitle",
+			"grid": "IgRnJG_grid",
+			"emptyIcon": "IgRnJG_emptyIcon",
 			"thumb": "IgRnJG_thumb",
-			"thumbWrap": "IgRnJG_thumbWrap",
+			"thumbFallback": "IgRnJG_thumbFallback",
 			"spinner": "IgRnJG_spinner",
 			"dsh-imagegen-inspiration-spin": "IgRnJG_dsh-imagegen-inspiration-spin",
-			"wrap": "IgRnJG_wrap",
+			"thumbTitle": "IgRnJG_thumbTitle",
+			"thumbWrap": "IgRnJG_thumbWrap",
 			"title": "IgRnJG_title",
-			"grid": "IgRnJG_grid",
-			"tile": "IgRnJG_tile",
-			"emptyHint": "IgRnJG_emptyHint"
+			"wrap": "IgRnJG_wrap",
+			"tile": "IgRnJG_tile"
 		};
 		//#endregion
 		//#region src/client/InspirationGallery.tsx
@@ -37975,7 +37993,7 @@ window.__ModuleLoader__.load({
 			exports.Wallpaper = Wallpaper;
 			exports.X = X;
 		})))();
-		const css$3 = "._0yZr2a_root{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);min-width:0;height:100%;min-height:0;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family,inherit);user-select:none;border-radius:10px;flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden}._0yZr2a_selectCursor{cursor:default}._0yZr2a_panCursor{cursor:grab}._0yZr2a_panCursor:active{cursor:grabbing}._0yZr2a_topBar{border-bottom:1px solid var(--dsw-alias-border-l1);z-index:40;background:var(--dsw-alias-bg-layer-1);flex:none;align-items:center;gap:8px;padding:8px 12px;display:flex}._0yZr2a_projectSelect{border:1px solid var(--dsw-alias-border-l1);max-width:180px;height:30px;color:var(--dsw-alias-label-primary);background:0 0;border-radius:8px;padding:0 8px;font-size:12.5px}._0yZr2a_titleButton{height:30px;color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;cursor:text;background:0 0;border:1px solid #0000;border-radius:8px;max-width:260px;padding:0 10px;font-size:13px;font-weight:600;overflow:hidden}._0yZr2a_titleButton:hover{border-color:var(--dsw-alias-border-l1)}._0yZr2a_titleInput{border:1px solid var(--dsw-alias-brand-primary);height:30px;color:var(--dsw-alias-label-primary);background:0 0;border-radius:8px;outline:none;width:240px;padding:0 10px;font-size:13px;font-weight:600}._0yZr2a_topBarSpacer{flex:1}._0yZr2a_saveState{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:11.5px}._0yZr2a_saveState[data-state=error]{color:var(--dsw-alias-label-error)}._0yZr2a_saveState[data-state=saving]{color:var(--dsw-alias-state-warn-primary,var(--dsw-alias-label-secondary))}._0yZr2a_iconButton{width:30px;height:30px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:5px;padding:0;display:inline-flex}._0yZr2a_iconButton:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}._0yZr2a_iconButton[data-active]{background:color-mix(in srgb, var(--dsw-alias-brand-primary) 16%, transparent);color:var(--dsw-alias-brand-primary)}._0yZr2a_iconButton:disabled{opacity:.35;cursor:not-allowed}._0yZr2a_iconButton:disabled:hover{color:var(--dsw-alias-label-secondary);background:0 0}._0yZr2a_viewport{touch-action:none;flex:1;min-height:0;position:relative;overflow:hidden}._0yZr2a_grid{pointer-events:none;opacity:.5;position:absolute;inset:0}._0yZr2a_flowCanvas{width:100%;height:100%;position:absolute;inset:0}._0yZr2a_grid[data-mode=flow],._0yZr2a_grid[data-mode=aurora]{opacity:1}._0yZr2a_grid[data-mode=aurora]{background-image:radial-gradient(560px 380px at 22% 28%, color-mix(in srgb, var(--dsw-alias-brand-primary) 24%, transparent), transparent 72%), radial-gradient(680px 480px at 78% 62%, #a78bfa33, transparent 72%), radial-gradient(520px 400px at 48% 88%, #22d3ee2b, transparent 74%);background-position:0 0;background-size:220% 220%;animation:20s ease-in-out infinite alternate _0yZr2a_auroraDrift}@keyframes _0yZr2a_auroraDrift{0%{background-position:0 0}to{background-position:100% 100%}}@media (prefers-reduced-motion:reduce){._0yZr2a_grid[data-mode=aurora]{animation:none}}._0yZr2a_grid[data-mode=dots]{background-image:radial-gradient(circle, color-mix(in srgb, var(--dsw-alias-label-primary) 30%, transparent) 1.1px, transparent 1.4px)}._0yZr2a_grid[data-mode=lines]{background-image:linear-gradient(color-mix(in srgb, var(--dsw-alias-label-primary) 9%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--dsw-alias-label-primary) 9%, transparent) 1px, transparent 1px)}._0yZr2a_grid[data-mode=blank]{background-image:none}._0yZr2a_grid[data-mode=diagonal]{background-image:repeating-linear-gradient(45deg, color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent) 0 1px, transparent 1px 16px)}._0yZr2a_grid[data-mode=checker]{background-image:conic-gradient(color-mix(in srgb, var(--dsw-alias-label-primary) 7%, transparent) 90deg, transparent 90deg 180deg, color-mix(in srgb, var(--dsw-alias-label-primary) 7%, transparent) 180deg 270deg, transparent 270deg);background-size:48px 48px}._0yZr2a_grid[data-mode=image]{background-image:none}._0yZr2a_gridScrim{background:var(--dsw-alias-bg-layer-1);opacity:.6;position:absolute;inset:0}._0yZr2a_backgroundMenu{z-index:45;border:1px solid var(--dsw-alias-border-l1);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 96%, transparent);border-radius:11px;flex-direction:column;min-width:168px;padding:5px;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 16px 40px #0f172a33}._0yZr2a_backgroundMenu button{color:var(--dsw-alias-label-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;justify-content:flex-start;align-items:center;padding:7px 10px;font-size:12.5px;display:flex}._0yZr2a_backgroundMenu button:hover{background:var(--dsw-alias-interactive-bg-hover)}._0yZr2a_backgroundMenu button[data-active]{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent)}._0yZr2a_backgroundMenuDivider{background:var(--dsw-alias-border-l1);height:1px;margin:4px 6px}._0yZr2a_world{transform-origin:0 0;position:absolute;top:0;left:0}._0yZr2a_marquee{z-index:20;border:1px solid var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 8%, transparent);pointer-events:none;border-radius:4px;position:absolute}._0yZr2a_node{border:1.5px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);cursor:grab;touch-action:none;border-radius:14px;flex-direction:column;display:flex;position:absolute;overflow:visible;box-shadow:0 8px 24px #0f172a1f}._0yZr2a_node:active{cursor:grabbing}._0yZr2a_nodeGlow{pointer-events:none;opacity:0;border-radius:18px;transition:opacity .15s;position:absolute;inset:-6px}._0yZr2a_nodeSelected{border-color:var(--dsw-alias-brand-primary);z-index:2}._0yZr2a_nodeSelected ._0yZr2a_nodeGlow{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-alias-brand-primary) 22%, transparent)}._0yZr2a_nodeRelated{border-color:color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, transparent)}._0yZr2a_nodeConnectTarget{border-color:var(--dsw-alias-brand-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--dsw-alias-brand-primary) 26%, transparent)}._0yZr2a_nodeHeader{color:var(--dsw-alias-label-secondary);cursor:inherit;flex:none;align-items:center;gap:6px;padding:7px 12px 5px;font-size:11.5px;display:flex}._0yZr2a_nodeTitle{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}._0yZr2a_nodeSize{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;margin-left:auto;font-size:10.5px}._0yZr2a_nodeSpinner{border:1.5px solid color-mix(in srgb, var(--dsw-alias-brand-primary) 30%, transparent);border-top-color:var(--dsw-alias-brand-primary);border-radius:50%;flex:none;width:11px;height:11px;animation:.8s linear infinite _0yZr2a_canvasSpin}._0yZr2a_nodeBody{background:color-mix(in srgb, var(--dsw-alias-label-primary) 6%, transparent);pointer-events:none;border-radius:9px;flex:1;justify-content:center;align-items:center;min-height:0;margin:0 8px 8px;display:flex;overflow:hidden}._0yZr2a_nodeBody img{object-fit:contain;width:100%;height:100%;display:block}._0yZr2a_imageInfo{z-index:2;background:color-mix(in srgb, var(--dsw-alias-label-primary) 62%, transparent);color:var(--dsw-alias-bg-layer-1);pointer-events:none;backdrop-filter:blur(3px);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;max-width:calc(100% - 90px);padding:3px 8px;font-size:10.5px;line-height:1.4;position:absolute;top:6px;overflow:hidden}._0yZr2a_imageInfoLeft{font-weight:600;left:6px}._0yZr2a_imageInfoRight{font-variant-numeric:tabular-nums;opacity:.85;left:auto;right:6px}._0yZr2a_nodeState,._0yZr2a_nodeStateError{color:var(--dsw-alias-label-secondary);text-align:center;pointer-events:auto;flex-direction:column;align-items:center;gap:8px;padding:12px;font-size:12px;display:flex}._0yZr2a_nodeStateError{color:var(--dsw-alias-label-error)}._0yZr2a_nodeStateError button{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:7px;padding:4px 12px;font-size:12px}._0yZr2a_nodeEmpty{border:1.5px dashed color-mix(in srgb, var(--dsw-alias-label-primary) 24%, transparent);color:var(--dsw-alias-label-tertiary);cursor:pointer;pointer-events:auto;background:0 0;border-radius:9px;flex-direction:column;align-items:center;gap:8px;margin:6px;padding:14px;font-size:12px;display:flex}._0yZr2a_nodeEmpty:hover{border-color:var(--dsw-alias-brand-primary);color:var(--dsw-alias-brand-primary)}._0yZr2a_textNode{cursor:default}._0yZr2a_imageNode ._0yZr2a_nodeBody{margin:6px}._0yZr2a_textArea{resize:none;min-height:0;color:var(--dsw-alias-label-primary);cursor:text;pointer-events:auto;background:0 0;border:none;outline:none;flex:1;margin:0 8px 8px;padding:4px 6px;font-size:13px;line-height:1.55}._0yZr2a_textArea::placeholder{color:var(--dsw-alias-label-tertiary)}._0yZr2a_dock{z-index:30;border:1px solid var(--dsw-alias-border-l1);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 92%, transparent);backdrop-filter:blur(10px);border-radius:13px;align-items:center;gap:2px;padding:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0f172a24}._0yZr2a_dock ._0yZr2a_iconButton{width:40px;height:40px;transform:translateY(var(--dock-lift,0px)) scale(var(--dock-scale,1));transform-origin:50% 100%;border-radius:11px;transition:transform .16s cubic-bezier(.33,1,.68,1),background .15s,color .15s,box-shadow .18s;position:relative}._0yZr2a_dock ._0yZr2a_iconButton:not(:disabled):hover{z-index:2;box-shadow:0 6px 14px color-mix(in srgb, var(--dsw-alias-label-primary) 20%, transparent)}._0yZr2a_dock ._0yZr2a_iconButton:not(:disabled):active{transform:translateY(var(--dock-lift,0px)) scale(.94)}._0yZr2a_dock ._0yZr2a_iconButton[data-active],._0yZr2a_dock ._0yZr2a_iconButton[data-active]:hover{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-1)}._0yZr2a_dockDivider{background:var(--dsw-alias-border-l1);width:1px;height:18px;margin:0 4px}._0yZr2a_composer{z-index:35;border:1px solid var(--dsw-alias-border-l1);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 96%, transparent);backdrop-filter:blur(10px);border-radius:14px;flex-direction:column;gap:8px;width:560px;padding:10px;display:flex;position:absolute;box-shadow:0 16px 44px #0f172a2e}._0yZr2a_composerPrompt{resize:none;width:100%;min-height:38px;max-height:120px;color:var(--dsw-alias-label-primary);cursor:text;background:0 0;border:none;outline:none;padding:2px 4px;font-size:13px;line-height:1.5}._0yZr2a_composerPrompt::placeholder{color:var(--dsw-alias-label-tertiary)}._0yZr2a_composerMeta{display:flex}._0yZr2a_composerChip{border:1px solid color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, transparent);color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 8%, transparent);border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11px;display:inline-flex}._0yZr2a_composerControls{align-items:center;gap:6px;display:flex}._0yZr2a_composerControls select{border:1px solid var(--dsw-alias-border-l1);height:28px;color:var(--dsw-alias-label-primary);background:0 0;border-radius:999px;min-width:0;max-width:128px;padding:0 8px;font-size:11.5px}._0yZr2a_composerSelect{border:1px solid var(--dsw-alias-border-l1);height:28px;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;min-width:0;max-width:138px;padding:0 8px 0 11px;font-size:11.5px;transition:background .15s,border-color .15s;display:inline-flex}._0yZr2a_composerSelect:hover{background:var(--dsw-alias-interactive-bg-hover)}._0yZr2a_composerSelect[data-open]{border-color:var(--dsw-alias-brand-primary);color:var(--dsw-alias-brand-primary)}._0yZr2a_composerSelect svg{opacity:.65;flex:none}._0yZr2a_composerSelect[data-open] svg{opacity:.9}._0yZr2a_composerSelectValue{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}._0yZr2a_composerSelectMenu{z-index:95;border:1px solid var(--dsw-alias-border-l1);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 97%, transparent);backdrop-filter:blur(10px);border-radius:11px;max-height:264px;padding:5px;position:fixed;overflow:auto;box-shadow:0 14px 38px #0f172a2e}._0yZr2a_composerSelectMenu button{width:100%;color:var(--dsw-alias-label-primary);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:7px 10px;font-size:12.5px;line-height:1.45;display:block}._0yZr2a_composerSelectMenu button:hover{background:var(--dsw-alias-interactive-bg-hover)}._0yZr2a_composerSelectMenu button[data-selected]{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent)}._0yZr2a_composerSend{background:var(--dsw-alias-label-primary);width:34px;height:34px;color:var(--dsw-alias-bg-layer-1);cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}._0yZr2a_composerSend:hover{opacity:.88}._0yZr2a_composerSend:disabled{opacity:.35;cursor:not-allowed}._0yZr2a_configNode{cursor:grab;padding:0 14px 14px}._0yZr2a_configNode ._0yZr2a_nodeHeader{padding:10px 2px 6px;font-size:12px}._0yZr2a_configLinks{flex:none;align-items:center;margin:4px 0 10px;display:flex}._0yZr2a_configLinks ._0yZr2a_composerChip{padding:3px 10px;font-size:11px}._0yZr2a_configHint{min-height:0;color:var(--dsw-alias-label-tertiary);flex:1;margin:0;font-size:11.5px;line-height:1.7;overflow:auto}._0yZr2a_handle{background:var(--dsw-alias-bg-layer-1);border:2px solid var(--dsw-alias-brand-primary);opacity:0;cursor:crosshair;z-index:3;border-radius:50%;width:12px;height:12px;transition:opacity .12s,transform .12s;position:absolute;top:50%;transform:translateY(-50%)scale(.6)}._0yZr2a_handleLeft{left:-7px}._0yZr2a_handleRight{right:-7px}._0yZr2a_node:hover ._0yZr2a_handle,._0yZr2a_nodeSelected ._0yZr2a_handle,._0yZr2a_nodeConnectTarget ._0yZr2a_handle{opacity:1;transform:translateY(-50%)scale(1)}._0yZr2a_handle:hover{background:var(--dsw-alias-brand-primary)}._0yZr2a_handleRight{width:20px;height:20px;color:var(--dsw-alias-brand-primary);justify-content:center;align-items:center;font-size:13px;font-weight:600;line-height:1;display:flex;right:-10px}._0yZr2a_handleRight:after{content:\"+\"}._0yZr2a_handleRight:hover{color:var(--dsw-alias-bg-layer-1);transform:translateY(-50%)scale(1.12)}._0yZr2a_resizeHandle{background:var(--dsw-alias-brand-primary);border:2px solid var(--dsw-alias-bg-layer-1);cursor:nwse-resize;z-index:3;border-radius:4px;width:14px;height:14px;position:absolute;bottom:-5px;right:-5px}._0yZr2a_hoverToolbar{border:1px solid var(--dsw-alias-border-l1);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 92%, transparent);opacity:0;pointer-events:none;z-index:4;border-radius:10px;gap:2px;padding:4px;transition:opacity .12s;display:flex;position:absolute;top:-36px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #0f172a24}._0yZr2a_node:hover ._0yZr2a_hoverToolbar,._0yZr2a_nodeSelected ._0yZr2a_hoverToolbar{opacity:1;pointer-events:auto}._0yZr2a_connectionLayer{pointer-events:none;z-index:0;position:absolute;overflow:visible}._0yZr2a_connectionPath{fill:none;stroke-width:1.8px;stroke-opacity:.9;pointer-events:none}._0yZr2a_connectionActive{stroke-width:2.6px;stroke-opacity:1;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, transparent))}._0yZr2a_connectionPreview{fill:none;stroke:var(--dsw-alias-brand-primary);stroke-width:2px;stroke-dasharray:5 5;pointer-events:none}._0yZr2a_connectionFlow{fill:none;stroke:var(--dsw-alias-brand-primary);stroke-width:2px;stroke-linecap:round;stroke-dasharray:30 90;opacity:.4;pointer-events:none;animation:1.6s linear infinite _0yZr2a_connectionFlow}._0yZr2a_connectionFlowActive{stroke:var(--dsw-alias-brand-primary);opacity:.85}@keyframes _0yZr2a_connectionFlow{to{stroke-dashoffset:-120px}}@media (prefers-reduced-motion:reduce){._0yZr2a_connectionFlow{opacity:.35;animation:none}}._0yZr2a_emptyHint{text-align:center;color:var(--dsw-alias-label-tertiary);pointer-events:none;z-index:5;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}._0yZr2a_emptyHint strong{color:var(--dsw-alias-label-secondary);font-size:16px}._0yZr2a_emptyHint span{max-width:320px;font-size:12.5px;line-height:1.6}._0yZr2a_zoomDock{z-index:30;border:1px solid var(--dsw-alias-border-l1);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 88%, transparent);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:6px;padding:6px 8px;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 10px 30px #0f172a1f}._0yZr2a_zoomDock input[type=range]{width:96px;accent-color:var(--dsw-alias-brand-primary)}._0yZr2a_zoomValue{text-align:right;width:40px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;font-size:11.5px}._0yZr2a_minimap{z-index:30;border:1px solid var(--dsw-alias-border-l1);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 88%, transparent);backdrop-filter:blur(10px);border-radius:12px;width:220px;height:150px;position:absolute;bottom:62px;left:14px;overflow:hidden;box-shadow:0 10px 30px #0f172a1f}._0yZr2a_minimapCanvas{cursor:crosshair;width:100%;height:100%;position:relative}._0yZr2a_minimapNode{opacity:.8;border-radius:2px;position:absolute}._0yZr2a_minimapImage{background:var(--dsw-alias-brand-primary)}._0yZr2a_minimapText{background:color-mix(in srgb, var(--dsw-alias-label-primary) 40%, transparent)}._0yZr2a_minimapSelected{outline:1.5px solid var(--dsw-alias-brand-primary)}._0yZr2a_minimapViewport{border:1.5px solid var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, transparent);pointer-events:none;border-radius:2px;position:absolute}._0yZr2a_inspectorRow{gap:8px;display:flex}._0yZr2a_inspectorRow>*{flex:1;min-width:0}._0yZr2a_contextMenu{z-index:90;border:1px solid var(--dsw-alias-border-l1);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 96%, transparent);border-radius:11px;flex-direction:column;min-width:176px;padding:5px;display:flex;position:fixed;box-shadow:0 16px 40px #0f172a33}._0yZr2a_contextMenu button{color:var(--dsw-alias-label-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;display:flex}._0yZr2a_contextMenu button:hover{background:var(--dsw-alias-interactive-bg-hover)}._0yZr2a_contextMenu button[data-danger]{color:var(--dsw-alias-label-error)}._0yZr2a_errorToast{z-index:60;border:1px solid color-mix(in srgb, var(--dsw-alias-label-error) 35%, transparent);background:color-mix(in srgb, var(--dsw-alias-label-error) 12%, var(--dsw-alias-bg-layer-1));max-width:min(560px,80%);color:var(--dsw-alias-label-error);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:12.5px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0f172a2e}._0yZr2a_errorToast button{color:inherit;cursor:pointer;background:0 0;border:none;flex:none;padding:2px;display:inline-flex}._0yZr2a_modalBackdrop{z-index:70;background:color-mix(in srgb, var(--dsw-alias-label-primary) 32%, transparent);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}._0yZr2a_picker{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:14px;flex-direction:column;width:min(720px,92%);max-height:84%;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a42}._0yZr2a_pickerHeader{border-bottom:1px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;display:flex}._0yZr2a_pickerHeader button{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px}._0yZr2a_pickerTabs{gap:4px;padding:10px 14px 0;display:flex}._0yZr2a_pickerTabs button{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;padding:7px 12px;font-size:12.5px}._0yZr2a_pickerTabs button[data-active]{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-brand-primary)}._0yZr2a_pickerBody{flex:1;min-height:0;padding:14px;overflow:auto}._0yZr2a_pickerGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}._0yZr2a_pickerCard{border:1.5px solid var(--dsw-alias-border-l1);cursor:pointer;text-align:left;color:var(--dsw-alias-label-primary);background:0 0;border-radius:10px;flex-direction:column;gap:6px;padding:6px;display:flex}._0yZr2a_pickerCard[data-selected]{border-color:var(--dsw-alias-brand-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--dsw-alias-brand-primary) 25%, transparent)}._0yZr2a_pickerCard img{object-fit:cover;border-radius:7px;width:100%;height:110px}._0yZr2a_pickerCardPrompt{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}._0yZr2a_pickerCard small{color:var(--dsw-alias-label-tertiary);font-size:10.5px}._0yZr2a_pickerFooter{color:var(--dsw-alias-label-secondary);justify-content:space-between;align-items:center;padding-top:12px;font-size:12.5px;display:flex}._0yZr2a_pickerFooter button,._0yZr2a_generateForm button{background:var(--dsw-alias-brand-primary);height:32px;color:var(--dsw-alias-bg-base,#fff);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:0 16px;font-size:12.5px;font-weight:600;display:inline-flex}._0yZr2a_pickerFooter button:disabled,._0yZr2a_generateForm button:disabled{opacity:.45;cursor:not-allowed}._0yZr2a_uploadBox{border:1.5px dashed color-mix(in srgb, var(--dsw-alias-label-primary) 22%, transparent);min-height:220px;color:var(--dsw-alias-label-secondary);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}._0yZr2a_uploadBox:hover{border-color:var(--dsw-alias-brand-primary)}._0yZr2a_uploadBox input{display:none}._0yZr2a_uploadBox small{color:var(--dsw-alias-label-tertiary);font-size:11px}._0yZr2a_uploadIcon{color:var(--dsw-alias-brand-primary)}._0yZr2a_generateForm{flex-direction:column;gap:10px;display:flex}._0yZr2a_generateForm textarea{resize:vertical;border:1px solid var(--dsw-alias-border-l1);min-height:110px;color:var(--dsw-alias-label-primary);background:0 0;border-radius:9px;outline:none;padding:8px 10px;font-size:12.5px}._0yZr2a_generateForm select{border:1px solid var(--dsw-alias-border-l1);height:30px;color:var(--dsw-alias-label-primary);background:0 0;border-radius:8px;padding:0 8px;font-size:12.5px}@keyframes _0yZr2a_canvasSpin{to{transform:rotate(360deg)}}";
+		const css$3 = "._0yZr2a_root{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);min-width:0;height:100%;min-height:0;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family,inherit);user-select:none;border-radius:10px;flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden}._0yZr2a_selectCursor{cursor:default}._0yZr2a_panCursor{cursor:grab}._0yZr2a_panCursor:active{cursor:grabbing}._0yZr2a_topBar{border-bottom:1px solid var(--dsw-alias-border-l1);z-index:40;background:var(--dsw-alias-bg-layer-1);flex:none;align-items:center;gap:8px;padding:8px 12px;display:flex}._0yZr2a_projectSelect{border:1px solid var(--dsw-alias-border-l1);max-width:180px;height:30px;color:var(--dsw-alias-label-primary);background:0 0;border-radius:8px;padding:0 8px;font-size:12.5px}._0yZr2a_titleButton{height:30px;color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;cursor:text;background:0 0;border:1px solid #0000;border-radius:8px;max-width:260px;padding:0 10px;font-size:13px;font-weight:600;overflow:hidden}._0yZr2a_titleButton:hover{border-color:var(--dsw-alias-border-l1)}._0yZr2a_titleInput{border:1px solid var(--dsw-alias-brand-primary);height:30px;color:var(--dsw-alias-label-primary);background:0 0;border-radius:8px;outline:none;width:240px;padding:0 10px;font-size:13px;font-weight:600}._0yZr2a_topBarSpacer{flex:1}._0yZr2a_saveState{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:11.5px}._0yZr2a_saveState[data-state=error]{color:var(--dsw-alias-label-error)}._0yZr2a_saveState[data-state=saving]{color:var(--dsw-alias-state-warn-primary,var(--dsw-alias-label-secondary))}._0yZr2a_iconButton{width:30px;height:30px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:5px;padding:0;display:inline-flex}._0yZr2a_iconButton:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}._0yZr2a_iconButton[data-active]{background:color-mix(in srgb, var(--dsw-alias-brand-primary) 16%, transparent);color:var(--dsw-alias-brand-primary)}._0yZr2a_iconButton:disabled{opacity:.35;cursor:not-allowed}._0yZr2a_iconButton:disabled:hover{color:var(--dsw-alias-label-secondary);background:0 0}._0yZr2a_viewport{touch-action:none;flex:1;min-height:0;position:relative;overflow:hidden}._0yZr2a_grid{pointer-events:none;opacity:.5;position:absolute;inset:0}._0yZr2a_flowCanvas,._0yZr2a_liquidCanvas,._0yZr2a_sceneCanvas{width:100%;height:100%;position:absolute;inset:0}._0yZr2a_grid[data-mode=flow],._0yZr2a_grid[data-mode=liquid],._0yZr2a_grid[data-mode=floatingLines],._0yZr2a_grid[data-mode=galaxy],._0yZr2a_grid[data-mode=silk],._0yZr2a_grid[data-mode=waves],._0yZr2a_grid[data-mode=faultyTerminal],._0yZr2a_grid[data-mode=dotField],._0yZr2a_grid[data-mode=dotGrid],._0yZr2a_grid[data-mode=shapeGrid]{opacity:1}._0yZr2a_grid[data-mode=dots]{background-image:radial-gradient(circle, color-mix(in srgb, var(--dsw-alias-label-primary) 30%, transparent) 1.1px, transparent 1.4px)}._0yZr2a_grid[data-mode=lines]{background-image:linear-gradient(color-mix(in srgb, var(--dsw-alias-label-primary) 9%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--dsw-alias-label-primary) 9%, transparent) 1px, transparent 1px)}._0yZr2a_grid[data-mode=blank],._0yZr2a_grid[data-mode=image]{background-image:none}._0yZr2a_gridScrim{background:var(--dsw-alias-bg-layer-1);opacity:.6;position:absolute;inset:0}._0yZr2a_backgroundMenu{z-index:45;border:1px solid var(--dsw-alias-border-l1);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 96%, transparent);border-radius:11px;flex-direction:column;min-width:168px;padding:5px;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 16px 40px #0f172a33}._0yZr2a_backgroundMenu button{color:var(--dsw-alias-label-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;justify-content:flex-start;align-items:center;padding:7px 10px;font-size:12.5px;display:flex}._0yZr2a_backgroundMenu button:hover{background:var(--dsw-alias-interactive-bg-hover)}._0yZr2a_backgroundMenu button[data-active]{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent)}._0yZr2a_backgroundMenuDivider{background:var(--dsw-alias-border-l1);height:1px;margin:4px 6px}._0yZr2a_world{transform-origin:0 0;position:absolute;top:0;left:0}._0yZr2a_marquee{z-index:20;border:1px solid var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 8%, transparent);pointer-events:none;border-radius:4px;position:absolute}._0yZr2a_node{border:1.5px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);cursor:grab;touch-action:none;border-radius:14px;flex-direction:column;display:flex;position:absolute;overflow:visible;box-shadow:0 8px 24px #0f172a1f}._0yZr2a_node:active{cursor:grabbing}._0yZr2a_nodeGlow{pointer-events:none;opacity:0;border-radius:18px;transition:opacity .15s;position:absolute;inset:-6px}._0yZr2a_nodeSelected{border-color:var(--dsw-alias-brand-primary);z-index:2}._0yZr2a_nodeSelected ._0yZr2a_nodeGlow{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-alias-brand-primary) 22%, transparent)}._0yZr2a_nodeRelated{border-color:color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, transparent)}._0yZr2a_nodeConnectTarget{border-color:var(--dsw-alias-brand-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--dsw-alias-brand-primary) 26%, transparent)}._0yZr2a_nodeHeader{color:var(--dsw-alias-label-secondary);cursor:inherit;flex:none;align-items:center;gap:6px;padding:7px 12px 5px;font-size:11.5px;display:flex}._0yZr2a_nodeTitle{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}._0yZr2a_nodeSize{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;margin-left:auto;font-size:10.5px}._0yZr2a_nodeSpinner{border:1.5px solid color-mix(in srgb, var(--dsw-alias-brand-primary) 30%, transparent);border-top-color:var(--dsw-alias-brand-primary);border-radius:50%;flex:none;width:11px;height:11px;animation:.8s linear infinite _0yZr2a_canvasSpin}._0yZr2a_nodeBody{background:color-mix(in srgb, var(--dsw-alias-label-primary) 6%, transparent);pointer-events:none;border-radius:9px;flex:1;justify-content:center;align-items:center;min-height:0;margin:0 8px 8px;display:flex;overflow:hidden}._0yZr2a_nodeBody img{object-fit:contain;width:100%;height:100%;display:block}._0yZr2a_imageInfo{z-index:2;background:color-mix(in srgb, var(--dsw-alias-label-primary) 62%, transparent);color:var(--dsw-alias-bg-layer-1);pointer-events:none;backdrop-filter:blur(3px);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;max-width:calc(100% - 90px);padding:3px 8px;font-size:10.5px;line-height:1.4;position:absolute;top:6px;overflow:hidden}._0yZr2a_imageInfoLeft{font-weight:600;left:6px}._0yZr2a_imageInfoRight{font-variant-numeric:tabular-nums;opacity:.85;left:auto;right:6px}._0yZr2a_nodeState,._0yZr2a_nodeStateError{color:var(--dsw-alias-label-secondary);text-align:center;pointer-events:auto;flex-direction:column;align-items:center;gap:8px;padding:12px;font-size:12px;display:flex}._0yZr2a_nodeStateError{color:var(--dsw-alias-label-error)}._0yZr2a_nodeStateError button{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:7px;padding:4px 12px;font-size:12px}._0yZr2a_nodeEmpty{border:1.5px dashed color-mix(in srgb, var(--dsw-alias-label-primary) 24%, transparent);color:var(--dsw-alias-label-tertiary);cursor:pointer;pointer-events:auto;background:0 0;border-radius:9px;flex-direction:column;align-items:center;gap:8px;margin:6px;padding:14px;font-size:12px;display:flex}._0yZr2a_nodeEmpty:hover{border-color:var(--dsw-alias-brand-primary);color:var(--dsw-alias-brand-primary)}._0yZr2a_textNode{cursor:default}._0yZr2a_imageNode ._0yZr2a_nodeBody{margin:6px}._0yZr2a_textArea{resize:none;min-height:0;color:var(--dsw-alias-label-primary);cursor:text;pointer-events:auto;background:0 0;border:none;outline:none;flex:1;margin:0 8px 8px;padding:4px 6px;font-size:13px;line-height:1.55}._0yZr2a_textArea::placeholder{color:var(--dsw-alias-label-tertiary)}._0yZr2a_dock{z-index:30;border:1px solid var(--dsw-alias-border-l1);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 92%, transparent);backdrop-filter:blur(10px);border-radius:13px;align-items:center;gap:2px;padding:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0f172a24}._0yZr2a_dock ._0yZr2a_iconButton{width:40px;height:40px;transform:translateY(var(--dock-lift,0px)) scale(var(--dock-scale,1));transform-origin:50% 100%;border-radius:11px;transition:transform .16s cubic-bezier(.33,1,.68,1),background .15s,color .15s,box-shadow .18s;position:relative}._0yZr2a_dock ._0yZr2a_iconButton:not(:disabled):hover{z-index:2;box-shadow:0 6px 14px color-mix(in srgb, var(--dsw-alias-label-primary) 20%, transparent)}._0yZr2a_dock ._0yZr2a_iconButton:not(:disabled):active{transform:translateY(var(--dock-lift,0px)) scale(.94)}._0yZr2a_dock ._0yZr2a_iconButton[data-active],._0yZr2a_dock ._0yZr2a_iconButton[data-active]:hover{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-1)}._0yZr2a_dockDivider{background:var(--dsw-alias-border-l1);width:1px;height:18px;margin:0 4px}._0yZr2a_composer{z-index:35;border:1px solid var(--dsw-alias-border-l1);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 96%, transparent);backdrop-filter:blur(10px);border-radius:14px;flex-direction:column;gap:8px;width:560px;padding:10px;display:flex;position:absolute;box-shadow:0 16px 44px #0f172a2e}._0yZr2a_composerPrompt{resize:none;width:100%;min-height:38px;max-height:120px;color:var(--dsw-alias-label-primary);cursor:text;background:0 0;border:none;outline:none;padding:2px 4px;font-size:13px;line-height:1.5}._0yZr2a_composerPrompt::placeholder{color:var(--dsw-alias-label-tertiary)}._0yZr2a_composerMeta{display:flex}._0yZr2a_composerChip{border:1px solid color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, transparent);color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 8%, transparent);border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11px;display:inline-flex}._0yZr2a_composerControls{align-items:center;gap:6px;display:flex}._0yZr2a_composerControls select{border:1px solid var(--dsw-alias-border-l1);height:28px;color:var(--dsw-alias-label-primary);background:0 0;border-radius:999px;min-width:0;max-width:128px;padding:0 8px;font-size:11.5px}._0yZr2a_composerSelect{border:1px solid var(--dsw-alias-border-l1);height:28px;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;min-width:0;max-width:138px;padding:0 8px 0 11px;font-size:11.5px;transition:background .15s,border-color .15s;display:inline-flex}._0yZr2a_composerSelect:hover{background:var(--dsw-alias-interactive-bg-hover)}._0yZr2a_composerSelect[data-open]{border-color:var(--dsw-alias-brand-primary);color:var(--dsw-alias-brand-primary)}._0yZr2a_composerSelect svg{opacity:.65;flex:none}._0yZr2a_composerSelect[data-open] svg{opacity:.9}._0yZr2a_composerSelectValue{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}._0yZr2a_composerSelectMenu{z-index:95;border:1px solid var(--dsw-alias-border-l1);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 97%, transparent);backdrop-filter:blur(10px);border-radius:11px;max-height:264px;padding:5px;position:fixed;overflow:auto;box-shadow:0 14px 38px #0f172a2e}._0yZr2a_composerSelectMenu button{width:100%;color:var(--dsw-alias-label-primary);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:7px 10px;font-size:12.5px;line-height:1.45;display:block}._0yZr2a_composerSelectMenu button:hover{background:var(--dsw-alias-interactive-bg-hover)}._0yZr2a_composerSelectMenu button[data-selected]{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent)}._0yZr2a_composerSend{background:var(--dsw-alias-label-primary);width:34px;height:34px;color:var(--dsw-alias-bg-layer-1);cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}._0yZr2a_composerSend:hover{opacity:.88}._0yZr2a_composerSend:disabled{opacity:.35;cursor:not-allowed}._0yZr2a_configNode{cursor:grab;padding:0 14px 14px}._0yZr2a_configNode ._0yZr2a_nodeHeader{padding:10px 2px 6px;font-size:12px}._0yZr2a_configLinks{flex:none;align-items:center;margin:4px 0 10px;display:flex}._0yZr2a_configLinks ._0yZr2a_composerChip{padding:3px 10px;font-size:11px}._0yZr2a_configHint{min-height:0;color:var(--dsw-alias-label-tertiary);flex:1;margin:0;font-size:11.5px;line-height:1.7;overflow:auto}._0yZr2a_handle{background:var(--dsw-alias-bg-layer-1);border:2px solid var(--dsw-alias-brand-primary);opacity:0;cursor:crosshair;z-index:3;border-radius:50%;width:12px;height:12px;transition:opacity .12s,transform .12s;position:absolute;top:50%;transform:translateY(-50%)scale(.6)}._0yZr2a_handleLeft{left:-7px}._0yZr2a_handleRight{right:-7px}._0yZr2a_node:hover ._0yZr2a_handle,._0yZr2a_nodeSelected ._0yZr2a_handle,._0yZr2a_nodeConnectTarget ._0yZr2a_handle{opacity:1;transform:translateY(-50%)scale(1)}._0yZr2a_handle:hover{background:var(--dsw-alias-brand-primary)}._0yZr2a_handleRight{width:20px;height:20px;color:var(--dsw-alias-brand-primary);justify-content:center;align-items:center;font-size:13px;font-weight:600;line-height:1;display:flex;right:-10px}._0yZr2a_handleRight:after{content:\"+\"}._0yZr2a_handleRight:hover{color:var(--dsw-alias-bg-layer-1);transform:translateY(-50%)scale(1.12)}._0yZr2a_resizeHandle{background:var(--dsw-alias-brand-primary);border:2px solid var(--dsw-alias-bg-layer-1);cursor:nwse-resize;z-index:3;border-radius:4px;width:14px;height:14px;position:absolute;bottom:-5px;right:-5px}._0yZr2a_hoverToolbar{border:1px solid var(--dsw-alias-border-l1);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 92%, transparent);opacity:0;pointer-events:none;z-index:4;border-radius:10px;gap:2px;padding:4px;transition:opacity .12s;display:flex;position:absolute;top:-36px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #0f172a24}._0yZr2a_node:hover ._0yZr2a_hoverToolbar,._0yZr2a_nodeSelected ._0yZr2a_hoverToolbar{opacity:1;pointer-events:auto}._0yZr2a_connectionLayer{pointer-events:none;z-index:0;position:absolute;overflow:visible}._0yZr2a_connectionPath{fill:none;stroke-width:1.8px;stroke-opacity:.9;pointer-events:none}._0yZr2a_connectionActive{stroke-width:2.6px;stroke-opacity:1;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, transparent))}._0yZr2a_connectionPreview{fill:none;stroke:var(--dsw-alias-brand-primary);stroke-width:2px;stroke-dasharray:5 5;pointer-events:none}._0yZr2a_connectionFlow{fill:none;stroke:var(--dsw-alias-brand-primary);stroke-width:2px;stroke-linecap:round;stroke-dasharray:30 90;opacity:.4;pointer-events:none;animation:1.6s linear infinite _0yZr2a_connectionFlow}._0yZr2a_connectionFlowActive{stroke:var(--dsw-alias-brand-primary);opacity:.85}@keyframes _0yZr2a_connectionFlow{to{stroke-dashoffset:-120px}}@media (prefers-reduced-motion:reduce){._0yZr2a_connectionFlow{opacity:.35;animation:none}}._0yZr2a_emptyHint{text-align:center;color:var(--dsw-alias-label-tertiary);pointer-events:none;z-index:5;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}._0yZr2a_emptyHint strong{color:var(--dsw-alias-label-secondary);font-size:16px}._0yZr2a_emptyHint span{max-width:320px;font-size:12.5px;line-height:1.6}._0yZr2a_zoomDock{z-index:30;border:1px solid var(--dsw-alias-border-l1);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 88%, transparent);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:6px;padding:6px 8px;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 10px 30px #0f172a1f}._0yZr2a_zoomDock input[type=range]{width:96px;accent-color:var(--dsw-alias-brand-primary)}._0yZr2a_zoomValue{text-align:right;width:40px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;font-size:11.5px}._0yZr2a_minimap{z-index:30;border:1px solid var(--dsw-alias-border-l1);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 88%, transparent);backdrop-filter:blur(10px);border-radius:12px;width:220px;height:150px;position:absolute;bottom:62px;left:14px;overflow:hidden;box-shadow:0 10px 30px #0f172a1f}._0yZr2a_minimapCanvas{cursor:crosshair;width:100%;height:100%;position:relative}._0yZr2a_minimapNode{opacity:.8;border-radius:2px;position:absolute}._0yZr2a_minimapImage{background:var(--dsw-alias-brand-primary)}._0yZr2a_minimapText{background:color-mix(in srgb, var(--dsw-alias-label-primary) 40%, transparent)}._0yZr2a_minimapSelected{outline:1.5px solid var(--dsw-alias-brand-primary)}._0yZr2a_minimapViewport{border:1.5px solid var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, transparent);pointer-events:none;border-radius:2px;position:absolute}._0yZr2a_inspectorRow{gap:8px;display:flex}._0yZr2a_inspectorRow>*{flex:1;min-width:0}._0yZr2a_contextMenu{z-index:90;border:1px solid var(--dsw-alias-border-l1);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 96%, transparent);border-radius:11px;flex-direction:column;min-width:176px;padding:5px;display:flex;position:fixed;box-shadow:0 16px 40px #0f172a33}._0yZr2a_contextMenu button{color:var(--dsw-alias-label-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;display:flex}._0yZr2a_contextMenu button:hover{background:var(--dsw-alias-interactive-bg-hover)}._0yZr2a_contextMenu button[data-danger]{color:var(--dsw-alias-label-error)}._0yZr2a_errorToast{z-index:60;border:1px solid color-mix(in srgb, var(--dsw-alias-label-error) 35%, transparent);background:color-mix(in srgb, var(--dsw-alias-label-error) 12%, var(--dsw-alias-bg-layer-1));max-width:min(560px,80%);color:var(--dsw-alias-label-error);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:12.5px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0f172a2e}._0yZr2a_errorToast button{color:inherit;cursor:pointer;background:0 0;border:none;flex:none;padding:2px;display:inline-flex}._0yZr2a_modalBackdrop{z-index:70;background:color-mix(in srgb, var(--dsw-alias-label-primary) 32%, transparent);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}._0yZr2a_picker{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:14px;flex-direction:column;width:min(720px,92%);max-height:84%;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a42}._0yZr2a_pickerHeader{border-bottom:1px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;display:flex}._0yZr2a_pickerHeader button{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px}._0yZr2a_pickerTabs{gap:4px;padding:10px 14px 0;display:flex}._0yZr2a_pickerTabs button{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;padding:7px 12px;font-size:12.5px}._0yZr2a_pickerTabs button[data-active]{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-brand-primary)}._0yZr2a_pickerBody{flex:1;min-height:0;padding:14px;overflow:auto}._0yZr2a_pickerGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}._0yZr2a_pickerCard{border:1.5px solid var(--dsw-alias-border-l1);cursor:pointer;text-align:left;color:var(--dsw-alias-label-primary);background:0 0;border-radius:10px;flex-direction:column;gap:6px;padding:6px;display:flex}._0yZr2a_pickerCard[data-selected]{border-color:var(--dsw-alias-brand-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--dsw-alias-brand-primary) 25%, transparent)}._0yZr2a_pickerCard img{object-fit:cover;border-radius:7px;width:100%;height:110px}._0yZr2a_pickerCardPrompt{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}._0yZr2a_pickerCard small{color:var(--dsw-alias-label-tertiary);font-size:10.5px}._0yZr2a_pickerFooter{color:var(--dsw-alias-label-secondary);justify-content:space-between;align-items:center;padding-top:12px;font-size:12.5px;display:flex}._0yZr2a_pickerFooter button,._0yZr2a_generateForm button{background:var(--dsw-alias-brand-primary);height:32px;color:var(--dsw-alias-bg-base,#fff);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:0 16px;font-size:12.5px;font-weight:600;display:inline-flex}._0yZr2a_pickerFooter button:disabled,._0yZr2a_generateForm button:disabled{opacity:.45;cursor:not-allowed}._0yZr2a_uploadBox{border:1.5px dashed color-mix(in srgb, var(--dsw-alias-label-primary) 22%, transparent);min-height:220px;color:var(--dsw-alias-label-secondary);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}._0yZr2a_uploadBox:hover{border-color:var(--dsw-alias-brand-primary)}._0yZr2a_uploadBox input{display:none}._0yZr2a_uploadBox small{color:var(--dsw-alias-label-tertiary);font-size:11px}._0yZr2a_uploadIcon{color:var(--dsw-alias-brand-primary)}._0yZr2a_generateForm{flex-direction:column;gap:10px;display:flex}._0yZr2a_generateForm textarea{resize:vertical;border:1px solid var(--dsw-alias-border-l1);min-height:110px;color:var(--dsw-alias-label-primary);background:0 0;border-radius:9px;outline:none;padding:8px 10px;font-size:12.5px}._0yZr2a_generateForm select{border:1px solid var(--dsw-alias-border-l1);height:30px;color:var(--dsw-alias-label-primary);background:0 0;border-radius:8px;padding:0 8px;font-size:12.5px}@keyframes _0yZr2a_canvasSpin{to{transform:rotate(360deg)}}";
 		const tagId$3 = "@dickpy/dsh-imagegen/canvas-workspace.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
 			const tag = document.createElement("style");
@@ -37985,188 +38003,2341 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var canvas_workspace_module_css_default = {
-			"nodeState": "_0yZr2a_nodeState",
-			"minimapText": "_0yZr2a_minimapText",
-			"nodeBody": "_0yZr2a_nodeBody",
-			"textNode": "_0yZr2a_textNode",
-			"textArea": "_0yZr2a_textArea",
-			"minimapCanvas": "_0yZr2a_minimapCanvas",
 			"nodeSelected": "_0yZr2a_nodeSelected",
-			"modalBackdrop": "_0yZr2a_modalBackdrop",
-			"marquee": "_0yZr2a_marquee",
-			"handleLeft": "_0yZr2a_handleLeft",
-			"projectSelect": "_0yZr2a_projectSelect",
-			"imageInfo": "_0yZr2a_imageInfo",
-			"handle": "_0yZr2a_handle",
-			"connectionActive": "_0yZr2a_connectionActive",
-			"minimapNode": "_0yZr2a_minimapNode",
-			"inspectorRow": "_0yZr2a_inspectorRow",
-			"nodeRelated": "_0yZr2a_nodeRelated",
-			"errorToast": "_0yZr2a_errorToast",
-			"backgroundMenu": "_0yZr2a_backgroundMenu",
-			"connectionLayer": "_0yZr2a_connectionLayer",
-			"connectionPreview": "_0yZr2a_connectionPreview",
 			"dockDivider": "_0yZr2a_dockDivider",
-			"configNode": "_0yZr2a_configNode",
-			"zoomDock": "_0yZr2a_zoomDock",
-			"picker": "_0yZr2a_picker",
+			"composerSend": "_0yZr2a_composerSend",
+			"pickerCardPrompt": "_0yZr2a_pickerCardPrompt",
+			"nodeRelated": "_0yZr2a_nodeRelated",
+			"liquidCanvas": "_0yZr2a_liquidCanvas",
+			"textArea": "_0yZr2a_textArea",
 			"topBar": "_0yZr2a_topBar",
-			"imageNode": "_0yZr2a_imageNode",
+			"titleButton": "_0yZr2a_titleButton",
+			"backgroundMenu": "_0yZr2a_backgroundMenu",
+			"nodeBody": "_0yZr2a_nodeBody",
 			"handleRight": "_0yZr2a_handleRight",
+			"connectionPreview": "_0yZr2a_connectionPreview",
+			"handle": "_0yZr2a_handle",
+			"contextMenu": "_0yZr2a_contextMenu",
+			"canvasSpin": "_0yZr2a_canvasSpin",
+			"textNode": "_0yZr2a_textNode",
+			"minimapViewport": "_0yZr2a_minimapViewport",
+			"uploadBox": "_0yZr2a_uploadBox",
+			"sceneCanvas": "_0yZr2a_sceneCanvas",
+			"viewport": "_0yZr2a_viewport",
+			"root": "_0yZr2a_root",
 			"panCursor": "_0yZr2a_panCursor",
-			"grid": "_0yZr2a_grid",
-			"composer": "_0yZr2a_composer",
-			"composerControls": "_0yZr2a_composerControls",
-			"connectionFlow": "_0yZr2a_connectionFlow",
+			"marquee": "_0yZr2a_marquee",
 			"saveState": "_0yZr2a_saveState",
-			"zoomValue": "_0yZr2a_zoomValue",
+			"grid": "_0yZr2a_grid",
+			"nodeGlow": "_0yZr2a_nodeGlow",
+			"iconButton": "_0yZr2a_iconButton",
+			"composerPrompt": "_0yZr2a_composerPrompt",
+			"composerMeta": "_0yZr2a_composerMeta",
+			"nodeConnectTarget": "_0yZr2a_nodeConnectTarget",
+			"dock": "_0yZr2a_dock",
 			"composerSelectValue": "_0yZr2a_composerSelectValue",
-			"minimapViewport": "_0yZr2a_minimapViewport",
-			"flowCanvas": "_0yZr2a_flowCanvas",
+			"world": "_0yZr2a_world",
+			"hoverToolbar": "_0yZr2a_hoverToolbar",
+			"connectionActive": "_0yZr2a_connectionActive",
+			"nodeEmpty": "_0yZr2a_nodeEmpty",
+			"configHint": "_0yZr2a_configHint",
+			"composerSelect": "_0yZr2a_composerSelect",
+			"emptyHint": "_0yZr2a_emptyHint",
+			"zoomDock": "_0yZr2a_zoomDock",
 			"pickerTabs": "_0yZr2a_pickerTabs",
-			"uploadBox": "_0yZr2a_uploadBox",
 			"topBarSpacer": "_0yZr2a_topBarSpacer",
-			"root": "_0yZr2a_root",
+			"uploadIcon": "_0yZr2a_uploadIcon",
+			"composer": "_0yZr2a_composer",
+			"pickerFooter": "_0yZr2a_pickerFooter",
+			"picker": "_0yZr2a_picker",
+			"nodeStateError": "_0yZr2a_nodeStateError",
+			"connectionPath": "_0yZr2a_connectionPath",
+			"pickerHeader": "_0yZr2a_pickerHeader",
+			"nodeSize": "_0yZr2a_nodeSize",
+			"imageNode": "_0yZr2a_imageNode",
+			"minimapCanvas": "_0yZr2a_minimapCanvas",
+			"node": "_0yZr2a_node",
+			"connectionLayer": "_0yZr2a_connectionLayer",
+			"configLinks": "_0yZr2a_configLinks",
 			"gridScrim": "_0yZr2a_gridScrim",
+			"connectionFlow": "_0yZr2a_connectionFlow",
+			"nodeState": "_0yZr2a_nodeState",
+			"zoomValue": "_0yZr2a_zoomValue",
+			"imageInfo": "_0yZr2a_imageInfo",
+			"minimapText": "_0yZr2a_minimapText",
 			"resizeHandle": "_0yZr2a_resizeHandle",
-			"nodeTitle": "_0yZr2a_nodeTitle",
+			"titleInput": "_0yZr2a_titleInput",
+			"minimap": "_0yZr2a_minimap",
+			"pickerGrid": "_0yZr2a_pickerGrid",
+			"pickerCard": "_0yZr2a_pickerCard",
+			"inspectorRow": "_0yZr2a_inspectorRow",
 			"pickerBody": "_0yZr2a_pickerBody",
-			"backgroundMenuDivider": "_0yZr2a_backgroundMenuDivider",
+			"imageInfoLeft": "_0yZr2a_imageInfoLeft",
+			"generateForm": "_0yZr2a_generateForm",
 			"nodeHeader": "_0yZr2a_nodeHeader",
-			"canvasSpin": "_0yZr2a_canvasSpin",
-			"imageInfoRight": "_0yZr2a_imageInfoRight",
-			"composerChip": "_0yZr2a_composerChip",
-			"composerSelect": "_0yZr2a_composerSelect",
-			"nodeEmpty": "_0yZr2a_nodeEmpty",
-			"composerMeta": "_0yZr2a_composerMeta",
-			"titleButton": "_0yZr2a_titleButton",
-			"hoverToolbar": "_0yZr2a_hoverToolbar",
-			"pickerCard": "_0yZr2a_pickerCard",
-			"pickerFooter": "_0yZr2a_pickerFooter",
-			"nodeSize": "_0yZr2a_nodeSize",
-			"emptyHint": "_0yZr2a_emptyHint",
-			"pickerGrid": "_0yZr2a_pickerGrid",
-			"composerPrompt": "_0yZr2a_composerPrompt",
-			"nodeSpinner": "_0yZr2a_nodeSpinner",
-			"nodeGlow": "_0yZr2a_nodeGlow",
-			"nodeStateError": "_0yZr2a_nodeStateError",
 			"composerSelectMenu": "_0yZr2a_composerSelectMenu",
-			"configLinks": "_0yZr2a_configLinks",
-			"connectionPath": "_0yZr2a_connectionPath",
 			"minimapSelected": "_0yZr2a_minimapSelected",
-			"auroraDrift": "_0yZr2a_auroraDrift",
-			"configHint": "_0yZr2a_configHint",
-			"contextMenu": "_0yZr2a_contextMenu",
-			"imageInfoLeft": "_0yZr2a_imageInfoLeft",
-			"generateForm": "_0yZr2a_generateForm",
-			"node": "_0yZr2a_node",
-			"titleInput": "_0yZr2a_titleInput",
-			"pickerCardPrompt": "_0yZr2a_pickerCardPrompt",
-			"iconButton": "_0yZr2a_iconButton",
-			"viewport": "_0yZr2a_viewport",
-			"uploadIcon": "_0yZr2a_uploadIcon",
-			"pickerHeader": "_0yZr2a_pickerHeader",
+			"handleLeft": "_0yZr2a_handleLeft",
 			"selectCursor": "_0yZr2a_selectCursor",
-			"world": "_0yZr2a_world",
-			"composerSend": "_0yZr2a_composerSend",
+			"nodeSpinner": "_0yZr2a_nodeSpinner",
+			"composerChip": "_0yZr2a_composerChip",
+			"errorToast": "_0yZr2a_errorToast",
+			"minimapNode": "_0yZr2a_minimapNode",
+			"modalBackdrop": "_0yZr2a_modalBackdrop",
+			"imageInfoRight": "_0yZr2a_imageInfoRight",
+			"flowCanvas": "_0yZr2a_flowCanvas",
+			"configNode": "_0yZr2a_configNode",
+			"nodeTitle": "_0yZr2a_nodeTitle",
 			"connectionFlowActive": "_0yZr2a_connectionFlowActive",
-			"minimap": "_0yZr2a_minimap",
-			"dock": "_0yZr2a_dock",
-			"nodeConnectTarget": "_0yZr2a_nodeConnectTarget",
-			"minimapImage": "_0yZr2a_minimapImage"
+			"composerControls": "_0yZr2a_composerControls",
+			"minimapImage": "_0yZr2a_minimapImage",
+			"backgroundMenuDivider": "_0yZr2a_backgroundMenuDivider",
+			"projectSelect": "_0yZr2a_projectSelect"
 		};
 		//#endregion
-		//#region src/client/CanvasWorkspace.tsx
-		/** Infinite canvas workspace, rebuilt after the node-graph model of
-		* basketikun/infinite-canvas: free nodes (image/text), drag-to-connect edges,
-		* marquee + multi selection, context menus, minimap, undo/redo and a floating
-		* generation composer. Selecting a node pops the composer: the prompt is typed
-		* there (or supplied by connected text nodes), every upstream image node joins
-		* as a reference, and results land as new image nodes on the right. */
-		const MIN_SCALE = .05;
-		const MAX_SCALE = 5;
-		const GRID_SIZE = 48;
-		const IMAGE_NODE_SIZE = {
-			width: 240,
-			height: 240
-		};
-		const TEXT_NODE_SIZE = {
-			width: 280,
-			height: 150
-		};
-		const CONFIG_NODE_SIZE = {
-			width: 320,
-			height: 190
-		};
-		const LEGACY_CONFIG_NODE_SIZE = {
-			width: 240,
-			height: 96
-		};
-		const WORLD_PAD = 12e3;
-		function newId(prefix) {
-			return `${prefix}-${globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`}`;
-		}
-		function imageDataUrl(image) {
-			return `data:${image.mime};base64,${image.b64}`;
-		}
-		function readImageSize(src) {
-			return new Promise((resolve, reject) => {
-				const image = new Image();
-				image.onload = () => resolve({
-					width: image.naturalWidth || 1,
-					height: image.naturalHeight || 1
-				});
-				image.onerror = () => reject(/* @__PURE__ */ new Error("无法读取图片尺寸"));
-				image.src = src;
+		//#region src/client/CanvasBackgrounds.tsx
+		/** Animated canvas backdrops for the infinite canvas workspace, ported from
+		* reactbits.dev backgrounds. They render inside the grid layer, which never
+		* receives pointer events, so every listener observes the viewport element. */
+		/** Interactive flowmap-style dot field ("fluid distortion"): the pointer's
+		*  velocity pushes dots sideways like a fluid; they spring back home when it
+		*  moves on, with a barely-visible idle drift keeping the field alive. */
+		function FlowBackground() {
+			const canvasRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				const canvas = canvasRef.current;
+				const viewport = (canvas?.parentElement)?.parentElement;
+				if (canvas === null || canvas === void 0 || viewport === null || viewport === void 0) return;
+				const ctx = canvas.getContext("2d");
+				if (ctx === null) return;
+				const pointer = {
+					x: -1e4,
+					y: -1e4,
+					vx: 0,
+					vy: 0,
+					seen: false
+				};
+				const SPACING = 44;
+				const RADIUS = 120;
+				let width = 0;
+				let height = 0;
+				let points = [];
+				const rebuild = () => {
+					const rect = viewport.getBoundingClientRect();
+					const dpr = Math.max(1, Math.min(2, window.devicePixelRatio ?? 1));
+					width = Math.max(1, Math.round(rect.width));
+					height = Math.max(1, Math.round(rect.height));
+					canvas.width = Math.round(width * dpr);
+					canvas.height = Math.round(height * dpr);
+					ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+					points = [];
+					for (let y = SPACING / 2; y < height; y += SPACING) for (let x = SPACING / 2; x < width; x += SPACING) points.push({
+						hx: x,
+						hy: y,
+						x,
+						y,
+						vx: 0,
+						vy: 0
+					});
+				};
+				rebuild();
+				const observer = new ResizeObserver(rebuild);
+				observer.observe(viewport);
+				const onMove = (event) => {
+					const rect = viewport.getBoundingClientRect();
+					const x = event.clientX - rect.left;
+					const y = event.clientY - rect.top;
+					if (pointer.seen) {
+						pointer.vx = pointer.vx * .6 + (x - pointer.x) * .4;
+						pointer.vy = pointer.vy * .6 + (y - pointer.y) * .4;
+					}
+					pointer.x = x;
+					pointer.y = y;
+					pointer.seen = true;
+				};
+				const onLeave = () => {
+					pointer.x = -1e4;
+					pointer.y = -1e4;
+					pointer.vx = 0;
+					pointer.vy = 0;
+				};
+				viewport.addEventListener("pointermove", onMove, true);
+				viewport.addEventListener("pointerleave", onLeave);
+				let frame = 0;
+				let time = 0;
+				const tick = () => {
+					time += .016;
+					for (const p of points) {
+						p.vx += (p.hx + Math.sin(time * 1.3 + p.hy * .055) * .5 - p.x) * .03;
+						p.vy += (p.hy + Math.cos(time * 1.1 + p.hx * .055) * .5 - p.y) * .03;
+						const dx = p.x - pointer.x;
+						const dy = p.y - pointer.y;
+						const d2 = dx * dx + dy * dy;
+						if (d2 < RADIUS * RADIUS && d2 > .01) {
+							const d = Math.sqrt(d2);
+							const force = (1 - d / RADIUS) * .9;
+							p.vx += pointer.vx * force + dx / d * force * 2.2;
+							p.vy += pointer.vy * force + dy / d * force * 2.2;
+						}
+						p.vx *= .86;
+						p.vy *= .86;
+						p.x += p.vx;
+						p.y += p.vy;
+					}
+					ctx.clearRect(0, 0, width, height);
+					for (const p of points) {
+						const speed = Math.min(4, Math.hypot(p.vx, p.vy));
+						ctx.fillStyle = `rgba(96, 125, 255, ${(.16 + speed * .16).toFixed(3)})`;
+						ctx.beginPath();
+						ctx.arc(p.x, p.y, 1.4 + Math.min(1.8, speed * .5), 0, Math.PI * 2);
+						ctx.fill();
+					}
+					frame = window.requestAnimationFrame(tick);
+				};
+				frame = window.requestAnimationFrame(tick);
+				return () => {
+					window.cancelAnimationFrame(frame);
+					observer.disconnect();
+					viewport.removeEventListener("pointermove", onMove);
+					viewport.removeEventListener("pointerleave", onLeave);
+				};
+			}, []);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("canvas", {
+				ref: canvasRef,
+				className: canvas_workspace_module_css_default.flowCanvas,
+				"aria-hidden": "true"
 			});
 		}
-		async function assetToDataUrl(asset) {
-			if (asset.url.startsWith("data:")) return asset.url;
-			const response = await fetch(asset.url);
-			if (!response.ok) throw new Error("读取画布图片失败");
-			const blob = await response.blob();
-			return await new Promise((resolve, reject) => {
-				const reader = new FileReader();
-				reader.onload = () => resolve(String(reader.result));
-				reader.onerror = () => reject(/* @__PURE__ */ new Error("读取画布图片失败"));
-				reader.readAsDataURL(blob);
+		/** "Liquid ether" background in the reactbits.dev style: a GPU stable-fluids
+		*  velocity simulation whose speed is mapped through a three-stop palette
+		*  (raw WebGL, no dependencies). Pointer movement stirs the fluid; after a
+		*  second of stillness an auto-driven virtual pointer resumes wandering so
+		*  the field keeps breathing on its own and blends back to the real pointer
+		*  on input. Unlike the original, the auto driver keeps running while the
+		*  pointer merely rests inside — on a working canvas it usually does. */
+		function LiquidEtherBackground() {
+			const canvasRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				const canvas = canvasRef.current;
+				const viewport = (canvas?.parentElement)?.parentElement;
+				if (canvas === null || canvas === void 0 || viewport === null || viewport === void 0) return;
+				const gl = canvas.getContext("webgl", {
+					alpha: true,
+					antialias: false,
+					depth: false,
+					stencil: false
+				});
+				if (gl === null) return;
+				const MOUSE_FORCE = 20;
+				const CURSOR_SIZE = 100;
+				const DT = .014;
+				const RESOLUTION = .5;
+				const POISSON_ITERATIONS = 32;
+				const AUTO_SPEED = .5;
+				const AUTO_INTENSITY = 2.2;
+				const AUTO_RESUME_DELAY = 1e3;
+				const AUTO_RAMP = 600;
+				const TAKEOVER_DURATION = 250;
+				const PALETTE = [
+					"#5227FF",
+					"#FF9FFC",
+					"#B497CF"
+				];
+				const quadVertex = `
+      precision highp float;
+      attribute vec3 position;
+      uniform vec2 uScale;
+      varying vec2 uv;
+      void main() {
+        vec3 pos = position;
+        pos.xy *= uScale;
+        uv = vec2(0.5) + pos.xy * 0.5;
+        gl_Position = vec4(pos, 1.0);
+      }
+    `;
+				const advectionFragment = `
+      precision highp float;
+      uniform sampler2D uVelocity;
+      uniform float uDt;
+      uniform vec2 uFboSize;
+      varying vec2 uv;
+      void main() {
+        vec2 ratio = max(uFboSize.x, uFboSize.y) / uFboSize;
+        vec2 velOld = texture2D(uVelocity, uv).xy;
+        vec2 spotOld = uv - velOld * uDt * ratio;
+        vec2 velNew = texture2D(uVelocity, spotOld).xy;
+        vec2 spotAgain = spotOld + velNew * uDt * ratio;
+        vec2 spotMid = uv - (spotAgain - uv) * 0.5;
+        vec2 velMid = texture2D(uVelocity, spotMid).xy;
+        vec2 spotOld2 = spotMid - velMid * uDt * ratio;
+        gl_FragColor = vec4(texture2D(uVelocity, spotOld2).xy, 0.0, 0.0);
+      }
+    `;
+				const divergenceFragment = `
+      precision highp float;
+      uniform sampler2D uVelocity;
+      uniform float uDt;
+      uniform vec2 uPx;
+      varying vec2 uv;
+      void main() {
+        float x0 = texture2D(uVelocity, uv - vec2(uPx.x, 0.0)).x;
+        float x1 = texture2D(uVelocity, uv + vec2(uPx.x, 0.0)).x;
+        float y0 = texture2D(uVelocity, uv - vec2(0.0, uPx.y)).y;
+        float y1 = texture2D(uVelocity, uv + vec2(0.0, uPx.y)).y;
+        gl_FragColor = vec4((x1 - x0 + y1 - y0) / 2.0 / uDt);
+      }
+    `;
+				const poissonFragment = `
+      precision highp float;
+      uniform sampler2D uPressure;
+      uniform sampler2D uDivergence;
+      uniform vec2 uPx;
+      varying vec2 uv;
+      void main() {
+        float p0 = texture2D(uPressure, uv + vec2(uPx.x * 2.0, 0.0)).r;
+        float p1 = texture2D(uPressure, uv - vec2(uPx.x * 2.0, 0.0)).r;
+        float p2 = texture2D(uPressure, uv + vec2(0.0, uPx.y * 2.0)).r;
+        float p3 = texture2D(uPressure, uv - vec2(0.0, uPx.y * 2.0)).r;
+        float div = texture2D(uDivergence, uv).r;
+        gl_FragColor = vec4((p0 + p1 + p2 + p3) / 4.0 - div);
+      }
+    `;
+				const pressureFragment = `
+      precision highp float;
+      uniform sampler2D uPressure;
+      uniform sampler2D uVelocity;
+      uniform float uDt;
+      uniform vec2 uPx;
+      varying vec2 uv;
+      void main() {
+        float p0 = texture2D(uPressure, uv + vec2(uPx.x, 0.0)).r;
+        float p1 = texture2D(uPressure, uv - vec2(uPx.x, 0.0)).r;
+        float p2 = texture2D(uPressure, uv + vec2(0.0, uPx.y)).r;
+        float p3 = texture2D(uPressure, uv - vec2(0.0, uPx.y)).r;
+        vec2 gradient = vec2(p0 - p1, p2 - p3) * 0.5;
+        gl_FragColor = vec4(texture2D(uVelocity, uv).xy - gradient * uDt, 0.0, 1.0);
+      }
+    `;
+				const splatFragment = `
+      precision highp float;
+      uniform vec2 uCenter;
+      uniform vec2 uRadius;
+      uniform vec2 uForce;
+      varying vec2 uv;
+      void main() {
+        vec2 offset = (uv - uCenter) / uRadius;
+        float weight = 1.0 - min(length(offset), 1.0);
+        gl_FragColor = vec4(uForce * weight * weight, 0.0, 0.0);
+      }
+    `;
+				const displayFragment = `
+      precision highp float;
+      uniform sampler2D uVelocity;
+      uniform sampler2D uPalette;
+      varying vec2 uv;
+      void main() {
+        float speed = clamp(length(texture2D(uVelocity, uv).xy), 0.0, 1.0);
+        vec3 ink = texture2D(uPalette, vec2(speed, 0.5)).rgb;
+        gl_FragColor = vec4(ink * speed, speed);
+      }
+    `;
+				const createProgram = (fragmentSource) => {
+					const compile = (type, source) => {
+						const shader = gl.createShader(type);
+						if (shader === null) throw new Error("webgl: shader alloc failed");
+						gl.shaderSource(shader, source);
+						gl.compileShader(shader);
+						if (gl.getShaderParameter(shader, gl.COMPILE_STATUS) !== true) throw new Error(gl.getShaderInfoLog(shader) ?? "webgl: shader compile failed");
+						return shader;
+					};
+					const program = gl.createProgram();
+					if (program === null) throw new Error("webgl: program alloc failed");
+					gl.attachShader(program, compile(gl.VERTEX_SHADER, quadVertex));
+					gl.attachShader(program, compile(gl.FRAGMENT_SHADER, fragmentSource));
+					gl.bindAttribLocation(program, 0, "position");
+					gl.linkProgram(program);
+					if (gl.getProgramParameter(program, gl.LINK_STATUS) !== true) throw new Error(gl.getProgramInfoLog(program) ?? "webgl: program link failed");
+					for (const shader of gl.getAttachedShaders(program) ?? []) {
+						gl.detachShader(program, shader);
+						gl.deleteShader(shader);
+					}
+					const uniforms = {};
+					const count = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS);
+					for (let index = 0; index < count; index++) {
+						const info = gl.getActiveUniform(program, index);
+						const location = info !== null ? gl.getUniformLocation(program, info.name) : null;
+						if (info !== null && location !== null) uniforms[info.name] = location;
+					}
+					return {
+						program,
+						uniforms
+					};
+				};
+				const createSimTexture = (width, height, type, filter) => {
+					const texture = gl.createTexture();
+					if (texture === null) throw new Error("webgl: texture alloc failed");
+					gl.activeTexture(gl.TEXTURE0);
+					gl.bindTexture(gl.TEXTURE_2D, texture);
+					gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, filter);
+					gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, filter);
+					gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+					gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+					gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, type, null);
+					const fbo = gl.createFramebuffer();
+					if (fbo === null) throw new Error("webgl: framebuffer alloc failed");
+					gl.bindFramebuffer(gl.FRAMEBUFFER, fbo);
+					gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);
+					gl.clearColor(0, 0, 0, 0);
+					gl.clear(gl.COLOR_BUFFER_BIT);
+					return {
+						texture,
+						fbo,
+						width,
+						height
+					};
+				};
+				const chooseSimFormat = () => {
+					const halfFloat = gl.getExtension("OES_texture_half_float");
+					const halfLinear = gl.getExtension("OES_texture_half_float_linear");
+					const fullFloat = gl.getExtension("OES_texture_float");
+					const fullLinear = gl.getExtension("OES_texture_float_linear");
+					const candidates = [];
+					if (halfFloat !== null && halfLinear !== null) candidates.push({
+						type: halfFloat.HALF_FLOAT_OES,
+						filter: gl.LINEAR
+					});
+					if (fullFloat !== null && fullLinear !== null) candidates.push({
+						type: gl.FLOAT,
+						filter: gl.LINEAR
+					});
+					if (halfFloat !== null) candidates.push({
+						type: halfFloat.HALF_FLOAT_OES,
+						filter: gl.NEAREST
+					});
+					if (fullFloat !== null) candidates.push({
+						type: gl.FLOAT,
+						filter: gl.NEAREST
+					});
+					for (const candidate of candidates) {
+						const probe = createSimTexture(4, 4, candidate.type, candidate.filter);
+						const complete = gl.checkFramebufferStatus(gl.FRAMEBUFFER) === gl.FRAMEBUFFER_COMPLETE;
+						gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+						gl.deleteTexture(probe.texture);
+						gl.deleteFramebuffer(probe.fbo);
+						if (complete) return candidate;
+					}
+					return null;
+				};
+				const simFormat = chooseSimFormat();
+				if (simFormat === null) return;
+				const advectionPass = createProgram(advectionFragment);
+				const splatPass = createProgram(splatFragment);
+				const divergencePass = createProgram(divergenceFragment);
+				const poissonPass = createProgram(poissonFragment);
+				const pressurePass = createProgram(pressureFragment);
+				const displayPass = createProgram(displayFragment);
+				const quadBuffer = gl.createBuffer();
+				if (quadBuffer === null) return;
+				gl.bindBuffer(gl.ARRAY_BUFFER, quadBuffer);
+				gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
+					-1,
+					-1,
+					0,
+					1,
+					-1,
+					0,
+					-1,
+					1,
+					0,
+					1,
+					1,
+					0
+				]), gl.STATIC_DRAW);
+				gl.enableVertexAttribArray(0);
+				gl.vertexAttribPointer(0, 3, gl.FLOAT, false, 0, 0);
+				const paletteTexture = gl.createTexture();
+				if (paletteTexture === null) return;
+				gl.activeTexture(gl.TEXTURE0);
+				gl.bindTexture(gl.TEXTURE_2D, paletteTexture);
+				gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+				gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+				gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+				gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+				const paletteData = new Uint8Array(PALETTE.length * 4);
+				for (const [index, hex] of PALETTE.entries()) {
+					paletteData[index * 4 + 0] = parseInt(hex.slice(1, 3), 16);
+					paletteData[index * 4 + 1] = parseInt(hex.slice(3, 5), 16);
+					paletteData[index * 4 + 2] = parseInt(hex.slice(5, 7), 16);
+					paletteData[index * 4 + 3] = 255;
+				}
+				gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, PALETTE.length, 1, 0, gl.RGBA, gl.UNSIGNED_BYTE, paletteData);
+				let velocities = null;
+				let divergenceTex = null;
+				let pressures = null;
+				const destroySimTexture = (texture) => {
+					gl.deleteTexture(texture.texture);
+					gl.deleteFramebuffer(texture.fbo);
+				};
+				const resizeCanvas = () => {
+					const rect = viewport.getBoundingClientRect();
+					const dpr = Math.max(1, Math.min(2, window.devicePixelRatio ?? 1));
+					canvas.width = Math.max(1, Math.round(rect.width * dpr));
+					canvas.height = Math.max(1, Math.round(rect.height * dpr));
+					for (const texture of [
+						...velocities ?? [],
+						...divergenceTex !== null ? [divergenceTex] : [],
+						...pressures ?? []
+					]) destroySimTexture(texture);
+					velocities = null;
+					divergenceTex = null;
+					pressures = null;
+					if (rect.width < 1 || rect.height < 1) return;
+					const simWidth = Math.max(1, Math.round(RESOLUTION * rect.width));
+					const simHeight = Math.max(1, Math.round(RESOLUTION * rect.height));
+					velocities = [createSimTexture(simWidth, simHeight, simFormat.type, simFormat.filter), createSimTexture(simWidth, simHeight, simFormat.type, simFormat.filter)];
+					divergenceTex = createSimTexture(simWidth, simHeight, simFormat.type, simFormat.filter);
+					pressures = [createSimTexture(simWidth, simHeight, simFormat.type, simFormat.filter), createSimTexture(simWidth, simHeight, simFormat.type, simFormat.filter)];
+				};
+				const reducedMotion = globalThis.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true;
+				const pointer = {
+					x: 0,
+					y: 0,
+					oldX: 0,
+					oldY: 0,
+					diffX: 0,
+					diffY: 0,
+					seen: false,
+					lastInteract: performance.now(),
+					autoActive: false,
+					takeover: false,
+					takeoverStart: 0,
+					fromX: 0,
+					fromY: 0,
+					toX: 0,
+					toY: 0
+				};
+				const auto = {
+					active: false,
+					x: 0,
+					y: 0,
+					targetX: 0,
+					targetY: 0,
+					last: 0,
+					started: 0
+				};
+				const stopAuto = () => {
+					auto.active = false;
+					pointer.autoActive = false;
+				};
+				const pickTarget = () => {
+					const margin = .2;
+					auto.targetX = (Math.random() * 2 - 1) * (1 - margin);
+					auto.targetY = (Math.random() * 2 - 1) * (1 - margin);
+				};
+				const onPointerMove = (event) => {
+					const rect = viewport.getBoundingClientRect();
+					if (event.clientX < rect.left || event.clientX > rect.right || event.clientY < rect.top || event.clientY > rect.bottom) return;
+					if (rect.width === 0 || rect.height === 0) return;
+					const x = (event.clientX - rect.left) / rect.width * 2 - 1;
+					const y = -((event.clientY - rect.top) / rect.height * 2 - 1);
+					pointer.lastInteract = performance.now();
+					if (pointer.autoActive && !pointer.takeover) {
+						pointer.takeover = true;
+						pointer.takeoverStart = performance.now();
+						pointer.fromX = pointer.x;
+						pointer.fromY = pointer.y;
+						pointer.toX = x;
+						pointer.toY = y;
+						pointer.autoActive = false;
+						return;
+					}
+					if (!pointer.seen) {
+						pointer.oldX = x;
+						pointer.oldY = y;
+						pointer.seen = true;
+					}
+					pointer.x = x;
+					pointer.y = y;
+				};
+				const onPointerLeave = () => {
+					pointer.seen = false;
+				};
+				const updateAuto = (now) => {
+					if (reducedMotion) return;
+					if (now - pointer.lastInteract < AUTO_RESUME_DELAY) {
+						if (auto.active) stopAuto();
+						return;
+					}
+					if (!auto.active) {
+						auto.active = true;
+						auto.x = pointer.x;
+						auto.y = pointer.y;
+						auto.last = now;
+						auto.started = now;
+						pickTarget();
+					}
+					pointer.autoActive = true;
+					let dtSec = (now - auto.last) / 1e3;
+					auto.last = now;
+					if (dtSec > .2) dtSec = .016;
+					const dx = auto.targetX - auto.x;
+					const dy = auto.targetY - auto.y;
+					const dist = Math.hypot(dx, dy);
+					if (dist < .01) {
+						pickTarget();
+						return;
+					}
+					const t = Math.min(1, (now - auto.started) / AUTO_RAMP);
+					const ramp = t * t * (3 - 2 * t);
+					const step = Math.min(AUTO_SPEED * dtSec * ramp, dist);
+					auto.x += dx / dist * step;
+					auto.y += dy / dist * step;
+					pointer.x = auto.x;
+					pointer.y = auto.y;
+				};
+				const updatePointer = (now) => {
+					if (pointer.takeover) {
+						const t = (now - pointer.takeoverStart) / TAKEOVER_DURATION;
+						if (t >= 1) {
+							pointer.takeover = false;
+							pointer.x = pointer.toX;
+							pointer.y = pointer.toY;
+							pointer.oldX = pointer.x;
+							pointer.oldY = pointer.y;
+							pointer.diffX = 0;
+							pointer.diffY = 0;
+							return;
+						}
+						const k = t * t * (3 - 2 * t);
+						pointer.x = pointer.fromX + (pointer.toX - pointer.fromX) * k;
+						pointer.y = pointer.fromY + (pointer.toY - pointer.fromY) * k;
+					}
+					pointer.diffX = pointer.x - pointer.oldX;
+					pointer.diffY = pointer.y - pointer.oldY;
+					pointer.oldX = pointer.x;
+					pointer.oldY = pointer.y;
+					if (pointer.autoActive && !pointer.takeover) {
+						pointer.diffX *= AUTO_INTENSITY;
+						pointer.diffY *= AUTO_INTENSITY;
+					}
+				};
+				const bindTarget = (target) => {
+					if (target === null) {
+						gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+						gl.viewport(0, 0, canvas.width, canvas.height);
+					} else {
+						gl.bindFramebuffer(gl.FRAMEBUFFER, target.fbo);
+						gl.viewport(0, 0, target.width, target.height);
+					}
+				};
+				const bindTexture = (unit, texture) => {
+					gl.activeTexture(gl.TEXTURE0 + unit);
+					gl.bindTexture(gl.TEXTURE_2D, texture);
+				};
+				const drawQuad = () => {
+					gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
+				};
+				const step = (now) => {
+					if (velocities === null || divergenceTex === null || pressures === null) return;
+					updateAuto(now);
+					updatePointer(now);
+					const velocity = velocities[0];
+					const pxX = 1 / velocity.width;
+					const pxY = 1 / velocity.height;
+					const scaleX = 1 - pxX * 2;
+					const scaleY = 1 - pxY * 2;
+					bindTarget(velocities[1]);
+					gl.useProgram(advectionPass.program);
+					gl.uniform2f(advectionPass.uniforms.uScale, scaleX, scaleY);
+					bindTexture(0, velocity.texture);
+					gl.uniform1i(advectionPass.uniforms.uVelocity, 0);
+					gl.uniform1f(advectionPass.uniforms.uDt, DT);
+					gl.uniform2f(advectionPass.uniforms.uFboSize, velocity.width, velocity.height);
+					drawQuad();
+					if (Math.abs(pointer.diffX) > 1e-5 || Math.abs(pointer.diffY) > 1e-5) {
+						const radiusU = CURSOR_SIZE * pxX * .5;
+						const radiusV = CURSOR_SIZE * pxY * .5;
+						const centerX = Math.min(Math.max((pointer.x + 1) / 2, radiusU + pxX), 1 - radiusU - pxX);
+						const centerY = Math.min(Math.max((pointer.y + 1) / 2, radiusV + pxY), 1 - radiusV - pxY);
+						gl.enable(gl.BLEND);
+						gl.blendFunc(gl.ONE, gl.ONE);
+						gl.useProgram(splatPass.program);
+						gl.uniform2f(splatPass.uniforms.uScale, 1, 1);
+						gl.uniform2f(splatPass.uniforms.uCenter, centerX, centerY);
+						gl.uniform2f(splatPass.uniforms.uRadius, radiusU, radiusV);
+						gl.uniform2f(splatPass.uniforms.uForce, pointer.diffX / 2 * MOUSE_FORCE, pointer.diffY / 2 * MOUSE_FORCE);
+						drawQuad();
+						gl.disable(gl.BLEND);
+					}
+					bindTarget(divergenceTex);
+					gl.useProgram(divergencePass.program);
+					gl.uniform2f(divergencePass.uniforms.uScale, scaleX, scaleY);
+					bindTexture(0, velocities[1].texture);
+					gl.uniform1i(divergencePass.uniforms.uVelocity, 0);
+					gl.uniform1f(divergencePass.uniforms.uDt, DT);
+					gl.uniform2f(divergencePass.uniforms.uPx, pxX, pxY);
+					drawQuad();
+					gl.useProgram(poissonPass.program);
+					gl.uniform2f(poissonPass.uniforms.uScale, scaleX, scaleY);
+					gl.uniform2f(poissonPass.uniforms.uPx, pxX, pxY);
+					bindTexture(1, divergenceTex.texture);
+					gl.uniform1i(poissonPass.uniforms.uDivergence, 1);
+					let pressureOut = pressures[0];
+					for (let iteration = 0; iteration < POISSON_ITERATIONS; iteration++) {
+						const source = pressures[iteration % 2];
+						pressureOut = pressures[(iteration + 1) % 2];
+						bindTarget(pressureOut);
+						bindTexture(0, source.texture);
+						gl.uniform1i(poissonPass.uniforms.uPressure, 0);
+						drawQuad();
+					}
+					bindTarget(velocities[0]);
+					gl.useProgram(pressurePass.program);
+					gl.uniform2f(pressurePass.uniforms.uScale, scaleX, scaleY);
+					bindTexture(0, pressureOut.texture);
+					gl.uniform1i(pressurePass.uniforms.uPressure, 0);
+					bindTexture(1, velocities[1].texture);
+					gl.uniform1i(pressurePass.uniforms.uVelocity, 1);
+					gl.uniform1f(pressurePass.uniforms.uDt, DT);
+					gl.uniform2f(pressurePass.uniforms.uPx, pxX, pxY);
+					drawQuad();
+					bindTarget(null);
+					gl.clearColor(0, 0, 0, 0);
+					gl.clear(gl.COLOR_BUFFER_BIT);
+					gl.useProgram(displayPass.program);
+					gl.uniform2f(displayPass.uniforms.uScale, 1, 1);
+					bindTexture(0, velocity.texture);
+					gl.uniform1i(displayPass.uniforms.uVelocity, 0);
+					bindTexture(1, paletteTexture);
+					gl.uniform1i(displayPass.uniforms.uPalette, 1);
+					drawQuad();
+				};
+				let frame = window.requestAnimationFrame(function tick() {
+					step(performance.now());
+					frame = window.requestAnimationFrame(tick);
+				});
+				resizeCanvas();
+				let resizeFrame = 0;
+				const observer = new ResizeObserver(() => {
+					if (resizeFrame !== 0) window.cancelAnimationFrame(resizeFrame);
+					resizeFrame = window.requestAnimationFrame(() => {
+						resizeFrame = 0;
+						resizeCanvas();
+					});
+				});
+				observer.observe(viewport);
+				viewport.addEventListener("pointermove", onPointerMove, true);
+				viewport.addEventListener("pointerleave", onPointerLeave);
+				return () => {
+					window.cancelAnimationFrame(frame);
+					if (resizeFrame !== 0) window.cancelAnimationFrame(resizeFrame);
+					observer.disconnect();
+					viewport.removeEventListener("pointermove", onPointerMove);
+					viewport.removeEventListener("pointerleave", onPointerLeave);
+					for (const texture of [
+						...velocities ?? [],
+						...divergenceTex !== null ? [divergenceTex] : [],
+						...pressures ?? []
+					]) destroySimTexture(texture);
+					gl.deleteTexture(paletteTexture);
+					gl.deleteBuffer(quadBuffer);
+					for (const pass of [
+						advectionPass,
+						splatPass,
+						divergencePass,
+						poissonPass,
+						pressurePass,
+						displayPass
+					]) gl.deleteProgram(pass.program);
+					gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+					gl.getExtension("WEBGL_lose_context")?.loseContext();
+				};
+			}, []);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("canvas", {
+				ref: canvasRef,
+				className: canvas_workspace_module_css_default.liquidCanvas,
+				"aria-hidden": "true"
 			});
 		}
-		function clampScale(scale) {
-			return Math.min(MAX_SCALE, Math.max(MIN_SCALE, scale));
-		}
-		function sizeForAsset(asset) {
-			const ratio = asset.width > 0 && asset.height > 0 ? asset.width / asset.height : 1;
-			if (ratio >= 1) return {
-				width: IMAGE_NODE_SIZE.width,
-				height: Math.max(160, Math.round(IMAGE_NODE_SIZE.width / ratio))
-			};
-			return {
-				width: Math.max(200, Math.round(IMAGE_NODE_SIZE.height * ratio)),
-				height: IMAGE_NODE_SIZE.height
-			};
+		const SHADER_QUAD_VERTEX = `
+  precision highp float;
+  attribute vec3 position;
+  varying vec2 vUv;
+  void main() {
+    vUv = position.xy * 0.5 + 0.5;
+    gl_Position = vec4(position, 1.0);
+  }
+`;
+		/** Walk up from the grid layer to the first opaque surface and decide
+		*  light vs dark, so the shader backdrops can pick their lightMode ink. */
+		function detectLightSurface(element) {
+			let node = element;
+			while (node !== null) {
+				const match = getComputedStyle(node).backgroundColor.match(/rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:[\s,]+([\d.]+))?\s*\)/);
+				if (match !== null) {
+					if ((match[4] !== void 0 ? Number(match[4]) : 1) >= .5) return (.2126 * Number(match[1]) + .7152 * Number(match[2]) + .0722 * Number(match[3])) / 255 > .55;
+				}
+				node = node.parentElement;
+			}
+			return false;
 		}
-		/** Node footprint for a generation size ratio such as '1:1' or '16:9'. */
-		function nodeSizeFromRatio(size, spec) {
-			const match = /^(\d+):(\d+)$/.exec(size ?? "");
-			if (match === null) return { ...spec };
-			const width = Number(match[1]);
-			const height = Number(match[2]);
-			if (!Number.isFinite(width) || !Number.isFinite(height) || width <= 0 || height <= 0) return { ...spec };
-			const ratio = width / height;
-			return ratio >= 1 ? {
-				width: spec.width,
-				height: Math.max(160, Math.round(spec.width / ratio))
-			} : {
-				width: Math.max(200, Math.round(spec.height * ratio)),
-				height: spec.height
+		/** Shared engine for the fullscreen-shader backdrops: compiles one program,
+		*  owns the DPR-sized canvas, the rAF loop, viewport resize and smoothed
+		*  pointer tracking. `frame` sets uniforms and calls draw(). WebGL2 is
+		*  preferred (floating lines needs dynamic-ish GLSL); returns the detected
+		*  theme plus a dispose function, or null when WebGL is unavailable. */
+		function startShaderCanvas(canvas, viewport, fragmentSource, frame) {
+			const contextAttributes = {
+				alpha: true,
+				antialias: false,
+				depth: false,
+				stencil: false
 			};
+			const gl = canvas.getContext("webgl2", contextAttributes) ?? canvas.getContext("webgl", contextAttributes);
+			if (gl === null) return null;
+			try {
+				const compile = (type, source) => {
+					const shader = gl.createShader(type);
+					if (shader === null) throw new Error("webgl: shader alloc failed");
+					gl.shaderSource(shader, source);
+					gl.compileShader(shader);
+					if (gl.getShaderParameter(shader, gl.COMPILE_STATUS) !== true) throw new Error(gl.getShaderInfoLog(shader) ?? "webgl: shader compile failed");
+					return shader;
+				};
+				const program = gl.createProgram();
+				if (program === null) return null;
+				gl.attachShader(program, compile(gl.VERTEX_SHADER, SHADER_QUAD_VERTEX));
+				gl.attachShader(program, compile(gl.FRAGMENT_SHADER, fragmentSource));
+				gl.bindAttribLocation(program, 0, "position");
+				gl.linkProgram(program);
+				if (gl.getProgramParameter(program, gl.LINK_STATUS) !== true) throw new Error(gl.getProgramInfoLog(program) ?? "webgl: program link failed");
+				for (const shader of gl.getAttachedShaders(program) ?? []) {
+					gl.detachShader(program, shader);
+					gl.deleteShader(shader);
+				}
+				const uniforms = {};
+				const count = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS);
+				for (let index = 0; index < count; index++) {
+					const info = gl.getActiveUniform(program, index);
+					const location = info !== null ? gl.getUniformLocation(program, info.name) : null;
+					if (info !== null && location !== null) uniforms[info.name] = location;
+				}
+				const quad = gl.createBuffer();
+				if (quad === null) return null;
+				gl.bindBuffer(gl.ARRAY_BUFFER, quad);
+				gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
+					-1,
+					-1,
+					0,
+					1,
+					-1,
+					0,
+					-1,
+					1,
+					0,
+					1,
+					1,
+					0
+				]), gl.STATIC_DRAW);
+				gl.enableVertexAttribArray(0);
+				gl.vertexAttribPointer(0, 3, gl.FLOAT, false, 0, 0);
+				const state = {
+					gl,
+					program,
+					uniforms,
+					time: 0,
+					width: 1,
+					height: 1,
+					dpr: 1,
+					light: detectLightSurface(viewport),
+					pointer: {
+						x: 0,
+						y: 0,
+						active: 0
+					},
+					draw: () => {
+						gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
+					}
+				};
+				const pointerTarget = {
+					x: 0,
+					y: 0,
+					active: 0
+				};
+				const resize = () => {
+					const rect = viewport.getBoundingClientRect();
+					const dpr = Math.max(1, Math.min(2, window.devicePixelRatio ?? 1));
+					canvas.width = Math.max(1, Math.round(rect.width * dpr));
+					canvas.height = Math.max(1, Math.round(rect.height * dpr));
+					gl.viewport(0, 0, canvas.width, canvas.height);
+					state.width = canvas.width;
+					state.height = canvas.height;
+					state.dpr = dpr;
+					pointerTarget.x = rect.width / 2;
+					pointerTarget.y = rect.height / 2;
+				};
+				const onPointerMove = (event) => {
+					const rect = viewport.getBoundingClientRect();
+					pointerTarget.x = event.clientX - rect.left;
+					pointerTarget.y = event.clientY - rect.top;
+					pointerTarget.active = 1;
+				};
+				const onPointerLeave = () => {
+					pointerTarget.active = 0;
+				};
+				const disposeGl = () => {
+					gl.deleteBuffer(quad);
+					gl.deleteProgram(program);
+					gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+					gl.getExtension("WEBGL_lose_context")?.loseContext();
+				};
+				resize();
+				if (globalThis.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true) {
+					frame(state);
+					gl.deleteBuffer(quad);
+					gl.deleteProgram(program);
+					return null;
+				}
+				const start = performance.now();
+				let frameHandle = 0;
+				const tick = () => {
+					state.time = (performance.now() - start) / 1e3;
+					state.pointer.x += (pointerTarget.x - state.pointer.x) * .05;
+					state.pointer.y += (pointerTarget.y - state.pointer.y) * .05;
+					state.pointer.active += (pointerTarget.active - state.pointer.active) * .05;
+					frame(state);
+					frameHandle = window.requestAnimationFrame(tick);
+				};
+				frameHandle = window.requestAnimationFrame(tick);
+				const observer = new ResizeObserver(resize);
+				observer.observe(viewport);
+				viewport.addEventListener("pointermove", onPointerMove, true);
+				viewport.addEventListener("pointerleave", onPointerLeave);
+				return {
+					light: state.light,
+					dispose: () => {
+						window.cancelAnimationFrame(frameHandle);
+						observer.disconnect();
+						viewport.removeEventListener("pointermove", onPointerMove);
+						viewport.removeEventListener("pointerleave", onPointerLeave);
+						disposeGl();
+					}
+				};
+			} catch {
+				gl.getExtension("WEBGL_lose_context")?.loseContext();
+				return null;
+			}
 		}
-		function nodesBounds(nodes) {
-			return nodes.reduce((acc, node) => ({
-				minX: Math.min(acc.minX, node.x),
-				minY: Math.min(acc.minY, node.y),
-				maxX: Math.max(acc.maxX, node.x + node.width),
+		/** reactbits.dev "FloatingLines": three fields of glowing sine waves drawn by
+		*  a single fragment shader and screen-blended over the canvas surface; the
+		*  pointer bends nearby waves and shifts a slight parallax. */
+		function FloatingLinesBackground() {
+			const canvasRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				const canvas = canvasRef.current;
+				const viewport = (canvas?.parentElement)?.parentElement;
+				if (canvas === null || canvas === void 0 || viewport === null || viewport === void 0) return;
+				const handle = startShaderCanvas(canvas, viewport, `
+      precision highp float;
+      uniform float iTime;
+      uniform vec3 iResolution;
+      uniform vec2 iMouse;
+      uniform float bendInfluence;
+      uniform vec2 parallaxOffset;
+      uniform float uLightMode;
+      const vec3 BLACK = vec3(0.0);
+      const vec3 PINK = vec3(233.0, 71.0, 245.0) / 255.0;
+      const vec3 BLUE = vec3(47.0, 75.0, 162.0) / 255.0;
+      // reactbits defaults: three fields of six lines, offsets baked below.
+      const vec3 TOP_POS = vec3(10.0, 0.5, -0.4);
+      const vec3 MIDDLE_POS = vec3(5.0, 0.0, 0.2);
+      const vec3 BOTTOM_POS = vec3(2.0, -0.7, 0.4);
+      const float LINE_DISTANCE = 0.05;
+      const float BEND_RADIUS = 5.0;
+      const float BEND_STRENGTH = -0.5;
+      mat2 rotate2(float r) { return mat2(cos(r), sin(r), -sin(r), cos(r)); }
+      vec3 backgroundColor(vec2 uv) {
+        vec3 col = vec3(0.0);
+        float y = sin(uv.x - 0.2) * 0.3 - 0.1;
+        float m = uv.y - y;
+        col += mix(BLUE, BLACK, smoothstep(0.0, 1.0, abs(m)));
+        col += mix(PINK, BLACK, smoothstep(0.0, 1.0, abs(m - 0.8)));
+        return col * 0.5;
+      }
+      float wave(vec2 uv, float offset, vec2 screenUv, vec2 mouseUv) {
+        float xMovement = iTime * 0.1;
+        float amp = sin(offset + iTime * 0.2) * 0.3;
+        float y = sin(uv.x + offset + xMovement) * amp;
+        vec2 d = screenUv - mouseUv;
+        float influence = exp(-dot(d, d) * BEND_RADIUS);
+        y += (mouseUv.y - screenUv.y) * influence * BEND_STRENGTH * bendInfluence;
+        float m = uv.y - y;
+        return 0.0175 / max(abs(m) + 0.01, 1e-3) + 0.01;
+      }
+      void main() {
+        vec2 baseUv = (2.0 * gl_FragCoord.xy - iResolution.xy) / iResolution.y;
+        baseUv.y *= -1.0;
+        baseUv += parallaxOffset;
+        vec3 col = vec3(0.0);
+        vec3 lineCol = backgroundColor(baseUv);
+        vec2 mouseUv = (2.0 * iMouse - iResolution.xy) / iResolution.y;
+        mouseUv.y *= -1.0;
+        for (int i = 0; i < 6; ++i) {
+          float fi = float(i);
+          vec2 ruv = baseUv * rotate2(BOTTOM_POS.z * log(length(baseUv) + 1.0));
+          col += lineCol * wave(ruv + vec2(LINE_DISTANCE * fi + BOTTOM_POS.x, BOTTOM_POS.y), 1.5 + 0.2 * fi, baseUv, mouseUv) * 0.2;
+        }
+        for (int i = 0; i < 6; ++i) {
+          float fi = float(i);
+          vec2 ruv = baseUv * rotate2(MIDDLE_POS.z * log(length(baseUv) + 1.0));
+          col += lineCol * wave(ruv + vec2(LINE_DISTANCE * fi + MIDDLE_POS.x, MIDDLE_POS.y), 2.0 + 0.15 * fi, baseUv, mouseUv);
+        }
+        for (int i = 0; i < 6; ++i) {
+          float fi = float(i);
+          vec2 ruv = baseUv * rotate2(TOP_POS.z * log(length(baseUv) + 1.0));
+          ruv.x *= -1.0;
+          col += lineCol * wave(ruv + vec2(LINE_DISTANCE * fi + TOP_POS.x, TOP_POS.y), 1.0 + 0.2 * fi, baseUv, mouseUv) * 0.1;
+        }
+        if (uLightMode > 0.5) {
+          vec3 energy = max(col, vec3(0.0));
+          float peak = max(energy.r, max(energy.g, energy.b));
+          float coverage = smoothstep(0.018, 0.5, peak);
+          vec3 chroma = clamp(energy / max(peak, 0.0001), 0.0, 1.0);
+          chroma = pow(chroma, vec3(1.35));
+          float chromaPeak = max(chroma.r, max(chroma.g, chroma.b));
+          chroma /= max(chromaPeak, 0.0001);
+          vec3 ink = mix(chroma, clamp(chroma * 0.82, 0.0, 1.0), smoothstep(0.5, 1.0, coverage));
+          gl_FragColor = vec4(mix(vec3(1.0), ink, coverage * 0.94), 1.0);
+        } else {
+          gl_FragColor = vec4(col, 1.0);
+        }
+      }
+    `, (state) => {
+					const { gl, uniforms, time, width, height, dpr, pointer } = state;
+					gl.useProgram(state.program);
+					gl.uniform1f(uniforms.iTime, time);
+					gl.uniform3f(uniforms.iResolution, width, height, 1);
+					gl.uniform2f(uniforms.iMouse, pointer.x * dpr, (height / dpr - pointer.y) * dpr);
+					gl.uniform1f(uniforms.bendInfluence, pointer.active);
+					gl.uniform2f(uniforms.parallaxOffset, (pointer.x / Math.max(1, width / dpr) - .5) * .2, -(pointer.y / Math.max(1, height / dpr) - .5) * .2);
+					gl.uniform1f(uniforms.uLightMode, state.light ? 1 : 0);
+					state.draw();
+				});
+				if (handle === null) return;
+				canvas.style.mixBlendMode = handle.light ? "normal" : "screen";
+				return () => {
+					handle.dispose();
+				};
+			}, []);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("canvas", {
+				ref: canvasRef,
+				className: canvas_workspace_module_css_default.sceneCanvas,
+				"aria-hidden": "true"
+			});
+		}
+		/** reactbits.dev "Galaxy": four parallax layers of twinkling stars flying
+		*  outward, pushed away from the pointer (single transparent fragment shader). */
+		function GalaxyBackground() {
+			const canvasRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				const canvas = canvasRef.current;
+				const viewport = (canvas?.parentElement)?.parentElement;
+				if (canvas === null || canvas === void 0 || viewport === null || viewport === void 0) return;
+				const handle = startShaderCanvas(canvas, viewport, `
+      precision highp float;
+      uniform float uTime;
+      uniform vec3 uResolution;
+      uniform float uStarSpeed;
+      uniform vec2 uMouse;
+      uniform float uMouseActiveFactor;
+      uniform float uLightMode;
+      varying vec2 vUv;
+      const float NUM_LAYER = 4.0;
+      const float STAR_COLOR_CUTOFF = 0.2;
+      const mat2 MAT45 = mat2(0.7071, -0.7071, 0.7071, 0.7071);
+      const float PERIOD = 3.0;
+      // reactbits Galaxy defaults, baked.
+      const vec2 FOCAL = vec2(0.5, 0.5);
+      const vec2 ROTATION = vec2(1.0, 0.0);
+      const float DENSITY = 1.0;
+      const float HUE_SHIFT = 140.0;
+      const float SPEED = 1.0;
+      const float GLOW = 0.3;
+      const float SATURATION = 0.0;
+      const float TWINKLE = 0.3;
+      const float ROTATION_SPEED = 0.1;
+      const float REPULSION = 2.0;
+      float Hash21(vec2 p) {
+        p = fract(p * vec2(123.34, 456.21));
+        p += dot(p, p + 45.32);
+        return fract(p.x * p.y);
+      }
+      float tri(float x) { return abs(fract(x) * 2.0 - 1.0); }
+      float tris(float x) {
+        float t = fract(x);
+        return 1.0 - smoothstep(0.0, 1.0, abs(2.0 * t - 1.0));
+      }
+      float trisn(float x) {
+        float t = fract(x);
+        return 2.0 * (1.0 - smoothstep(0.0, 1.0, abs(2.0 * t - 1.0))) - 1.0;
+      }
+      vec3 hsv2rgb(vec3 c) {
+        vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+        vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+        return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+      }
+      float Star(vec2 uv, float flare) {
+        float d = length(uv);
+        float m = (0.05 * GLOW) / d;
+        float rays = smoothstep(0.0, 1.0, 1.0 - abs(uv.x * uv.y * 1000.0));
+        m += rays * flare * GLOW;
+        uv *= MAT45;
+        rays = smoothstep(0.0, 1.0, 1.0 - abs(uv.x * uv.y * 1000.0));
+        m += rays * 0.3 * flare * GLOW;
+        m *= smoothstep(1.0, 0.2, d);
+        return m;
+      }
+      vec3 StarLayer(vec2 uv) {
+        vec3 col = vec3(0.0);
+        vec2 gv = fract(uv) - 0.5;
+        vec2 id = floor(uv);
+        for (int y = -1; y <= 1; y++) {
+          for (int x = -1; x <= 1; x++) {
+            vec2 si = id + vec2(float(x), float(y));
+            float seed = Hash21(si);
+            float size = fract(seed * 345.32);
+            float glossLocal = tri(uStarSpeed / (PERIOD * seed + 1.0));
+            float flareSize = smoothstep(0.9, 1.0, size) * glossLocal;
+            float red = smoothstep(STAR_COLOR_CUTOFF, 1.0, Hash21(si + 1.0)) + STAR_COLOR_CUTOFF;
+            float blu = smoothstep(STAR_COLOR_CUTOFF, 1.0, Hash21(si + 3.0)) + STAR_COLOR_CUTOFF;
+            float grn = min(red, blu) * seed;
+            vec3 base = vec3(red, grn, blu);
+            float hue = atan(base.g - base.r, base.b - base.r) / (2.0 * 3.14159) + 0.5;
+            hue = fract(hue + HUE_SHIFT / 360.0);
+            float sat = length(base - vec3(dot(base, vec3(0.299, 0.587, 0.114)))) * SATURATION;
+            float val = max(max(base.r, base.g), base.b);
+            base = hsv2rgb(vec3(hue, sat, val));
+            vec2 pad = vec2(tris(seed * 34.0 + uTime * SPEED / 10.0), tris(seed * 38.0 + uTime * SPEED / 30.0)) - 0.5;
+            float star = Star(gv - vec2(float(x), float(y)) - pad, flareSize);
+            float twinkle = trisn(uTime * SPEED + seed * 6.2831) * 0.5 + 1.0;
+            twinkle = mix(1.0, twinkle, TWINKLE);
+            star *= twinkle;
+            col += star * size * base;
+          }
+        }
+        return col;
+      }
+      void main() {
+        vec2 focalPx = FOCAL * uResolution.xy;
+        vec2 uv = (vUv * uResolution.xy - focalPx) / uResolution.y;
+        // mouse repulsion (reactbits mouseRepulsion default)
+        vec2 mousePosUV = (uMouse * uResolution.xy - focalPx) / uResolution.y;
+        float mouseDist = length(uv - mousePosUV);
+        vec2 repulsion = normalize(uv - mousePosUV) * (REPULSION / (mouseDist + 0.1));
+        uv += repulsion * 0.05 * uMouseActiveFactor;
+        float autoRotAngle = uTime * ROTATION_SPEED;
+        uv = mat2(cos(autoRotAngle), -sin(autoRotAngle), sin(autoRotAngle), cos(autoRotAngle)) * uv;
+        uv = mat2(ROTATION.x, -ROTATION.y, ROTATION.y, ROTATION.x) * uv;
+        vec3 col = vec3(0.0);
+        for (float i = 0.0; i < 1.0; i += 1.0 / NUM_LAYER) {
+          float depth = fract(i + uStarSpeed * SPEED);
+          float scale = mix(20.0 * DENSITY, 0.5 * DENSITY, depth);
+          float fade = depth * smoothstep(1.0, 0.9, depth);
+          col += StarLayer(uv * scale + i * 453.32) * fade;
+        }
+        // transparent path, premultiplied for the canvas compositor
+        if (uLightMode > 0.5) {
+          float energy = max(max(col.r, col.g), col.b);
+          float coverage = clamp(smoothstep(0.0, 0.42, energy) * 0.92, 0.0, 0.92);
+          vec3 ink = clamp(col * 0.48, 0.0, 0.82);
+          gl_FragColor = vec4(mix(vec3(1.0), ink, coverage), 1.0);
+        } else {
+          float alpha = smoothstep(0.0, 0.3, length(col));
+          gl_FragColor = vec4(col * alpha, alpha);
+        }
+      }
+    `, (state) => {
+					const { gl, uniforms, time, width, height, dpr, pointer } = state;
+					gl.useProgram(state.program);
+					gl.uniform1f(uniforms.uTime, time);
+					gl.uniform3f(uniforms.uResolution, width, height, width / Math.max(1, height));
+					gl.uniform1f(uniforms.uStarSpeed, time * .05);
+					gl.uniform2f(uniforms.uMouse, pointer.x / Math.max(1, width / dpr), 1 - pointer.y / Math.max(1, height / dpr));
+					gl.uniform1f(uniforms.uMouseActiveFactor, pointer.active);
+					gl.uniform1f(uniforms.uLightMode, state.light ? 1 : 0);
+					state.draw();
+				});
+				if (handle === null) return;
+				return () => {
+					handle.dispose();
+				};
+			}, []);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("canvas", {
+				ref: canvasRef,
+				className: canvas_workspace_module_css_default.sceneCanvas,
+				"aria-hidden": "true"
+			});
+		}
+		/** reactbits.dev "Silk": slow flowing fabric sheen (single opaque fragment
+		*  shader in the reactbits default #7B7481 mauve). */
+		function SilkBackground() {
+			const canvasRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				const canvas = canvasRef.current;
+				const viewport = (canvas?.parentElement)?.parentElement;
+				if (canvas === null || canvas === void 0 || viewport === null || viewport === void 0) return;
+				const handle = startShaderCanvas(canvas, viewport, `
+      precision highp float;
+      varying vec2 vUv;
+      uniform float uTime;
+      uniform float uLightMode;
+      const vec3 COLOR = vec3(123.0, 116.0, 129.0) / 255.0; // reactbits default #7B7481
+      const float e = 2.71828182845904523536;
+      float noise(vec2 texCoord) {
+        vec2 r = e * sin(e * texCoord);
+        return fract(r.x * r.y * (1.0 + texCoord.x));
+      }
+      void main() {
+        float rnd = noise(gl_FragCoord.xy);
+        vec2 tex = vUv;
+        float tOffset = 5.0 * uTime;
+        tex.y += 0.03 * sin(8.0 * tex.x - tOffset);
+        float pattern = 0.6 +
+          0.4 * sin(5.0 * (tex.x + tex.y +
+                           cos(3.0 * tex.x + 5.0 * tex.y) +
+                           0.02 * tOffset) +
+                    sin(20.0 * (tex.x + tex.y - 0.1 * tOffset)));
+        float grain = rnd / 15.0 * 1.5;
+        vec3 result = COLOR * pattern - vec3(grain);
+        if (uLightMode > 0.5) {
+          float fold = smoothstep(0.28, 0.9, pattern);
+          float specular = smoothstep(0.72, 0.98, pattern);
+          vec3 lightBase = mix(COLOR * 0.72, min(COLOR * 1.18, vec3(1.0)), fold);
+          lightBase = mix(lightBase, vec3(1.0), specular * 0.92);
+          float fineNoise = noise(gl_FragCoord.xy * 0.63 + vec2(17.0, 41.0));
+          result = lightBase + (rnd + fineNoise - 1.0) * clamp(1.5 * 0.038, 0.0, 0.16);
+        }
+        gl_FragColor = vec4(clamp(result, 0.0, 1.0), 1.0);
+      }
+    `, (state) => {
+					const { gl, uniforms, time } = state;
+					gl.useProgram(state.program);
+					gl.uniform1f(uniforms.uTime, time * .1);
+					gl.uniform1f(uniforms.uLightMode, state.light ? 1 : 0);
+					state.draw();
+				});
+				if (handle === null) return;
+				return () => {
+					handle.dispose();
+				};
+			}, []);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("canvas", {
+				ref: canvasRef,
+				className: canvas_workspace_module_css_default.sceneCanvas,
+				"aria-hidden": "true"
+			});
+		}
+		/** reactbits.dev "Waves": vertical perlin-noise wave lines that spring away
+		*  from the pointer (canvas 2D port; strokes follow the theme label color). */
+		function WavesBackground() {
+			const canvasRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				const canvas = canvasRef.current;
+				const viewport = (canvas?.parentElement)?.parentElement;
+				if (canvas === null || canvas === void 0 || viewport === null || viewport === void 0) return;
+				const ctx = canvas.getContext("2d");
+				if (ctx === null) return;
+				const GRAD3 = [
+					[1, 1],
+					[-1, 1],
+					[1, -1],
+					[-1, -1],
+					[1, 0],
+					[-1, 0],
+					[1, 0],
+					[-1, 0],
+					[0, 1],
+					[0, -1],
+					[0, 1],
+					[0, -1]
+				];
+				const PERM_TABLE = [
+					151,
+					160,
+					137,
+					91,
+					90,
+					15,
+					131,
+					13,
+					201,
+					95,
+					96,
+					53,
+					194,
+					233,
+					7,
+					225,
+					140,
+					36,
+					103,
+					30,
+					69,
+					142,
+					8,
+					99,
+					37,
+					240,
+					21,
+					10,
+					23,
+					190,
+					6,
+					148,
+					247,
+					120,
+					234,
+					75,
+					0,
+					26,
+					197,
+					62,
+					94,
+					252,
+					219,
+					203,
+					117,
+					35,
+					11,
+					32,
+					57,
+					177,
+					33,
+					88,
+					237,
+					149,
+					56,
+					87,
+					174,
+					20,
+					125,
+					136,
+					171,
+					168,
+					68,
+					175,
+					74,
+					165,
+					71,
+					134,
+					139,
+					48,
+					27,
+					166,
+					77,
+					146,
+					158,
+					231,
+					83,
+					111,
+					229,
+					122,
+					60,
+					211,
+					133,
+					230,
+					220,
+					105,
+					92,
+					41,
+					55,
+					46,
+					245,
+					40,
+					244,
+					102,
+					143,
+					54,
+					65,
+					25,
+					63,
+					161,
+					1,
+					216,
+					80,
+					73,
+					209,
+					76,
+					132,
+					187,
+					208,
+					89,
+					18,
+					169,
+					200,
+					196,
+					135,
+					130,
+					116,
+					188,
+					159,
+					86,
+					164,
+					100,
+					109,
+					198,
+					173,
+					186,
+					3,
+					64,
+					52,
+					217,
+					226,
+					250,
+					124,
+					123,
+					5,
+					202,
+					38,
+					147,
+					118,
+					126,
+					255,
+					82,
+					85,
+					212,
+					207,
+					206,
+					59,
+					227,
+					47,
+					16,
+					58,
+					17,
+					182,
+					189,
+					28,
+					42,
+					223,
+					183,
+					170,
+					213,
+					119,
+					248,
+					152,
+					2,
+					44,
+					154,
+					163,
+					70,
+					221,
+					153,
+					101,
+					155,
+					167,
+					43,
+					172,
+					9,
+					129,
+					22,
+					39,
+					253,
+					19,
+					98,
+					108,
+					110,
+					79,
+					113,
+					224,
+					232,
+					178,
+					185,
+					112,
+					104,
+					218,
+					246,
+					97,
+					228,
+					251,
+					34,
+					242,
+					193,
+					238,
+					210,
+					144,
+					12,
+					191,
+					179,
+					162,
+					241,
+					81,
+					51,
+					145,
+					235,
+					249,
+					14,
+					239,
+					107,
+					49,
+					192,
+					214,
+					31,
+					181,
+					199,
+					106,
+					157,
+					184,
+					84,
+					204,
+					176,
+					115,
+					121,
+					50,
+					45,
+					127,
+					4,
+					150,
+					254,
+					138,
+					236,
+					205,
+					93,
+					222,
+					114,
+					67,
+					29,
+					24,
+					72,
+					243,
+					141,
+					128,
+					195,
+					78,
+					66,
+					215,
+					61,
+					156,
+					180
+				];
+				const perm = /* @__PURE__ */ new Int32Array(512);
+				const permShift = Math.floor(Math.random() * 256);
+				for (let i = 0; i < 512; i++) perm[i] = PERM_TABLE[i + permShift & 255];
+				const fade = (t) => t * t * t * (t * (t * 6 - 15) + 10);
+				const mixNum = (a, b, t) => (1 - t) * a + t * b;
+				const gradDot = (hash, x, y) => {
+					const g = GRAD3[hash % 12];
+					return g[0] * x + g[1] * y;
+				};
+				const perlin2 = (x, y) => {
+					let xi = Math.floor(x);
+					let yi = Math.floor(y);
+					x -= xi;
+					y -= yi;
+					xi &= 255;
+					yi &= 255;
+					const n00 = gradDot(perm[xi + perm[yi]], x, y);
+					const n01 = gradDot(perm[xi + perm[yi + 1]], x, y - 1);
+					const n10 = gradDot(perm[xi + 1 + perm[yi]], x - 1, y);
+					const n11 = gradDot(perm[xi + 1 + perm[yi + 1]], x - 1, y - 1);
+					const u = fade(x);
+					return mixNum(mixNum(n00, n10, u), mixNum(n01, n11, u), fade(y));
+				};
+				const WAVE = {
+					speedX: .0125,
+					speedY: .005,
+					ampX: 32,
+					ampY: 16,
+					xGap: 10,
+					yGap: 32,
+					friction: .925,
+					tension: .005,
+					maxMove: 100
+				};
+				let lines = [];
+				let width = 0;
+				let height = 0;
+				const dpr = Math.max(1, Math.min(2, window.devicePixelRatio ?? 1));
+				const rebuild = () => {
+					const rect = viewport.getBoundingClientRect();
+					width = Math.max(1, Math.round(rect.width));
+					height = Math.max(1, Math.round(rect.height));
+					canvas.width = Math.round(width * dpr);
+					canvas.height = Math.round(height * dpr);
+					ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+					lines = [];
+					const totalLines = Math.ceil((width + 200) / WAVE.xGap);
+					const totalPoints = Math.ceil((height + 30) / WAVE.yGap);
+					const xStart = (width - WAVE.xGap * totalLines) / 2;
+					const yStart = (height - WAVE.yGap * totalPoints) / 2;
+					for (let i = 0; i <= totalLines; i++) {
+						const points = [];
+						for (let j = 0; j <= totalPoints; j++) points.push({
+							x: xStart + WAVE.xGap * i,
+							y: yStart + WAVE.yGap * j,
+							wx: 0,
+							wy: 0,
+							cx: 0,
+							cy: 0,
+							vx: 0,
+							vy: 0
+						});
+						lines.push(points);
+					}
+				};
+				const lineColor = getComputedStyle(viewport).getPropertyValue("--dsw-alias-label-primary").trim() || "#94a3b8";
+				const mouse = {
+					x: -10,
+					y: 0,
+					sx: 0,
+					sy: 0,
+					lx: 0,
+					ly: 0,
+					vs: 0,
+					angle: 0,
+					set: false
+				};
+				const onPointerMove = (event) => {
+					const rect = viewport.getBoundingClientRect();
+					mouse.x = event.clientX - rect.left;
+					mouse.y = event.clientY - rect.top;
+					if (!mouse.set) {
+						mouse.sx = mouse.x;
+						mouse.sy = mouse.y;
+						mouse.lx = mouse.x;
+						mouse.ly = mouse.y;
+						mouse.set = true;
+					}
+				};
+				const movePoints = (time) => {
+					for (const points of lines) for (const point of points) {
+						const move = perlin2((point.x + time * WAVE.speedX) * .002, (point.y + time * WAVE.speedY) * .0015) * 12;
+						point.wx = Math.cos(move) * WAVE.ampX;
+						point.wy = Math.sin(move) * WAVE.ampY;
+						const dx = point.x - mouse.sx;
+						const dy = point.y - mouse.sy;
+						const dist = Math.hypot(dx, dy);
+						const l = Math.max(175, mouse.vs);
+						if (dist < l) {
+							const s = 1 - dist / l;
+							const f = Math.cos(dist * .001) * s;
+							point.vx += Math.cos(mouse.angle) * f * l * mouse.vs * 65e-5;
+							point.vy += Math.sin(mouse.angle) * f * l * mouse.vs * 65e-5;
+						}
+						point.vx += (0 - point.cx) * WAVE.tension;
+						point.vy += (0 - point.cy) * WAVE.tension;
+						point.vx *= WAVE.friction;
+						point.vy *= WAVE.friction;
+						point.cx += point.vx * 2;
+						point.cy += point.vy * 2;
+						point.cx = Math.min(WAVE.maxMove, Math.max(-WAVE.maxMove, point.cx));
+						point.cy = Math.min(WAVE.maxMove, Math.max(-WAVE.maxMove, point.cy));
+					}
+				};
+				const draw = () => {
+					ctx.clearRect(0, 0, width, height);
+					ctx.beginPath();
+					ctx.strokeStyle = lineColor;
+					ctx.lineWidth = 1;
+					ctx.globalAlpha = .35;
+					for (const points of lines) {
+						const first = points[0];
+						if (first === void 0) continue;
+						ctx.moveTo(first.x + first.wx, first.y + first.wy);
+						for (let idx = 0; idx < points.length; idx++) {
+							const point = points[idx];
+							const isLast = idx === points.length - 1;
+							const cursor = isLast ? 0 : point.cx;
+							const cursorY = isLast ? 0 : point.cy;
+							ctx.lineTo(point.x + point.wx + cursor, point.y + point.wy + cursorY);
+						}
+					}
+					ctx.stroke();
+					ctx.globalAlpha = 1;
+				};
+				const tick = (time) => {
+					mouse.sx += (mouse.x - mouse.sx) * .1;
+					mouse.sy += (mouse.y - mouse.sy) * .1;
+					const dx = mouse.x - mouse.lx;
+					const dy = mouse.y - mouse.ly;
+					mouse.vs += (Math.hypot(dx, dy) - mouse.vs) * .1;
+					mouse.vs = Math.min(100, mouse.vs);
+					mouse.lx = mouse.x;
+					mouse.ly = mouse.y;
+					mouse.angle = Math.atan2(dy, dx);
+					movePoints(time);
+					draw();
+					frame = window.requestAnimationFrame(tick);
+				};
+				rebuild();
+				let frame = 0;
+				if (globalThis.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true) {
+					movePoints(0);
+					draw();
+				} else {
+					frame = window.requestAnimationFrame(tick);
+					viewport.addEventListener("pointermove", onPointerMove, true);
+				}
+				const observer = new ResizeObserver(rebuild);
+				observer.observe(viewport);
+				return () => {
+					window.cancelAnimationFrame(frame);
+					observer.disconnect();
+					viewport.removeEventListener("pointermove", onPointerMove);
+				};
+			}, []);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("canvas", {
+				ref: canvasRef,
+				className: canvas_workspace_module_css_default.sceneCanvas,
+				"aria-hidden": "true"
+			});
+		}
+		/** reactbits.dev "FaultyTerminal": a glowing CRT terminal of random digits
+		*  with scanlines, glitch displacement and flicker; the pointer ripples the
+		*  character grid (single opaque fragment shader). */
+		function FaultyTerminalBackground() {
+			const canvasRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				const canvas = canvasRef.current;
+				const viewport = (canvas?.parentElement)?.parentElement;
+				if (canvas === null || canvas === void 0 || viewport === null || viewport === void 0) return;
+				const fragment = `
+      precision mediump float;
+      varying vec2 vUv;
+      uniform float iTime;
+      uniform vec3 iResolution;
+      uniform vec2 uMouse;
+      uniform float uPageLoadProgress;
+      uniform float uLightMode;
+      // reactbits FaultyTerminal defaults, baked (timeScale 0.3 folded in below).
+      const float TIME_SCALE = 0.333333;
+      const float SCALE = 1.0;
+      const vec2 GRID_MUL = vec2(2.0, 1.0);
+      const float DIGIT_SIZE = 1.5;
+      const float SCANLINE = 0.3;
+      const float FLICKER = 1.0;
+      const float NOISE_AMP = 1.0;
+      const float CURVATURE = 0.2;
+      const float MOUSE_STRENGTH = 0.2;
+      float time;
+      float hash21(vec2 p) {
+        p = fract(p * 234.56);
+        p += dot(p, p + 34.56);
+        return fract(p.x * p.y);
+      }
+      float noise(vec2 p) {
+        return sin(p.x * 10.0) * sin(p.y * (3.0 + sin(time * 0.090909))) + 0.2;
+      }
+      mat2 rotate(float angle) {
+        float c = cos(angle);
+        float s = sin(angle);
+        return mat2(c, -s, s, c);
+      }
+      float fbm(vec2 p) {
+        p *= 1.1;
+        float f = 0.0;
+        float amp = 0.5 * NOISE_AMP;
+        mat2 modify0 = rotate(time * 0.02);
+        f += amp * noise(p);
+        p = modify0 * p * 2.0;
+        amp *= 0.454545;
+        mat2 modify1 = rotate(time * 0.02);
+        f += amp * noise(p);
+        p = modify1 * p * 2.0;
+        amp *= 0.454545;
+        mat2 modify2 = rotate(time * 0.08);
+        f += amp * noise(p);
+        return f;
+      }
+      float pattern(vec2 p, out vec2 q, out vec2 r) {
+        vec2 offset1 = vec2(1.0);
+        vec2 offset0 = vec2(0.0);
+        mat2 rot01 = rotate(0.1 * time);
+        mat2 rot1 = rotate(0.1);
+        q = vec2(fbm(p + offset1), fbm(rot01 * p + offset1));
+        r = vec2(fbm(rot1 * q + offset0), fbm(q + offset0));
+        return fbm(p + r);
+      }
+      float digit(vec2 p) {
+        vec2 grid = GRID_MUL * 15.0;
+        vec2 s = floor(p * grid) / grid;
+        p = p * grid;
+        vec2 q, r;
+        float intensity = pattern(s * 0.1, q, r) * 1.3 - 0.03;
+        vec2 mouseWorld = uMouse * SCALE;
+        float distToMouse = distance(s, mouseWorld);
+        float mouseInfluence = exp(-distToMouse * 8.0) * MOUSE_STRENGTH * 10.0;
+        intensity += mouseInfluence;
+        float ripple = sin(distToMouse * 20.0 - iTime * 5.0) * 0.1 * mouseInfluence;
+        intensity += ripple;
+        float cellRandom = fract(sin(dot(s, vec2(12.9898, 78.233))) * 43758.5453);
+        float cellDelay = cellRandom * 0.8;
+        float cellProgress = clamp((uPageLoadProgress - cellDelay) / 0.2, 0.0, 1.0);
+        intensity *= smoothstep(0.0, 1.0, cellProgress);
+        p = fract(p);
+        p *= DIGIT_SIZE;
+        float px5 = p.x * 5.0;
+        float py5 = (1.0 - p.y) * 5.0;
+        float x = fract(px5);
+        float y = fract(py5);
+        float i = floor(py5) - 2.0;
+        float j = floor(px5) - 2.0;
+        float n = i * i + j * j;
+        float f = n * 0.0625;
+        float isOn = step(0.1, intensity - f);
+        float brightness = isOn * (0.2 + y * 0.8) * (0.75 + x * 0.25);
+        return step(0.0, p.x) * step(p.x, 1.0) * step(0.0, p.y) * step(p.y, 1.0) * brightness;
+      }
+      float onOff(float a, float b, float c) {
+        return step(c, sin(iTime + a * cos(iTime * b))) * FLICKER;
+      }
+      float displace(vec2 look) {
+        float y = look.y - mod(iTime * 0.25, 1.0);
+        float window = 1.0 / (1.0 + 50.0 * y * y);
+        return sin(look.y * 20.0 + iTime) * 0.0125 * onOff(4.0, 2.0, 0.8) * (1.0 + cos(iTime * 60.0)) * window;
+      }
+      vec3 getColor(vec2 p) {
+        float bar = step(mod(p.y + time * 20.0, 1.0), 0.2) * 0.4 + 1.0;
+        bar *= SCANLINE;
+        float displacement = displace(p);
+        p.x += displacement;
+        float middle = digit(p);
+        const float off = 0.002;
+        float sum = digit(p + vec2(-off, -off)) + digit(p + vec2(0.0, -off)) + digit(p + vec2(off, -off)) +
+                    digit(p + vec2(-off, 0.0)) + digit(p + vec2(0.0, 0.0)) + digit(p + vec2(off, 0.0)) +
+                    digit(p + vec2(-off, off)) + digit(p + vec2(0.0, off)) + digit(p + vec2(off, off));
+        return vec3(0.9) * middle + sum * 0.1 * vec3(1.0) * bar;
+      }
+      vec2 barrel(vec2 uv) {
+        vec2 c = uv * 2.0 - 1.0;
+        c *= 1.0 + CURVATURE * dot(c, c);
+        return c * 0.5 + 0.5;
+      }
+      void main() {
+        time = iTime * TIME_SCALE;
+        vec2 p = barrel(vUv) * SCALE;
+        vec3 col = getColor(p);
+        if (uLightMode > 0.5) {
+          float energy = max(max(col.r, col.g), col.b);
+          float coverage = clamp(smoothstep(0.0, 0.72, energy) * 0.9, 0.0, 0.9);
+          vec3 ink = clamp(col * 0.42, 0.0, 0.76);
+          col = mix(vec3(1.0), ink, coverage);
+        }
+        gl_FragColor = vec4(col, 1.0);
+      }
+    `;
+				const timeOffset = Math.random() * 100;
+				const handle = startShaderCanvas(canvas, viewport, fragment, (state) => {
+					const { gl, uniforms, time, width, height, dpr, pointer } = state;
+					gl.useProgram(state.program);
+					gl.uniform1f(uniforms.iTime, (time + timeOffset) * .3);
+					gl.uniform3f(uniforms.iResolution, width, height, width / Math.max(1, height));
+					gl.uniform2f(uniforms.uMouse, pointer.x / Math.max(1, width / dpr), 1 - pointer.y / Math.max(1, height / dpr));
+					gl.uniform1f(uniforms.uPageLoadProgress, Math.min(1, time / 2));
+					gl.uniform1f(uniforms.uLightMode, state.light ? 1 : 0);
+					state.draw();
+				});
+				if (handle === null) return;
+				return () => {
+					handle.dispose();
+				};
+			}, []);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("canvas", {
+				ref: canvasRef,
+				className: canvas_workspace_module_css_default.sceneCanvas,
+				"aria-hidden": "true"
+			});
+		}
+		/** reactbits.dev "DotField": a purple dot lattice that bulges away from the
+		*  pointer as it moves, springing back home, with a soft glow under the
+		*  cursor while the field is engaged (canvas 2D). */
+		function DotFieldBackground() {
+			const canvasRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				const canvas = canvasRef.current;
+				const viewport = (canvas?.parentElement)?.parentElement;
+				if (canvas === null || canvas === void 0 || viewport === null || viewport === void 0) return;
+				const ctx = canvas.getContext("2d", { alpha: true });
+				if (ctx === null) return;
+				const FIELD = {
+					radius: 1.5,
+					spacing: 14,
+					cursorRadius: 500,
+					bulgeStrength: 67,
+					glowRadius: 160
+				};
+				const light = detectLightSurface(viewport);
+				const glowInner = light ? "rgba(82, 39, 255, 0.16)" : "rgba(18, 15, 23, 1)";
+				const glowOuter = light ? "rgba(82, 39, 255, 0)" : "rgba(18, 15, 23, 0)";
+				let dots = [];
+				let width = 0;
+				let height = 0;
+				const dpr = Math.max(1, Math.min(2, window.devicePixelRatio ?? 1));
+				const rebuild = () => {
+					const rect = viewport.getBoundingClientRect();
+					width = Math.max(1, Math.round(rect.width));
+					height = Math.max(1, Math.round(rect.height));
+					canvas.width = Math.round(width * dpr);
+					canvas.height = Math.round(height * dpr);
+					ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+					const step = FIELD.radius + FIELD.spacing;
+					const cols = Math.floor(width / step);
+					const rows = Math.floor(height / step);
+					const padX = width % step / 2;
+					const padY = height % step / 2;
+					dots = [];
+					for (let row = 0; row < rows; row++) for (let col = 0; col < cols; col++) {
+						const ax = padX + col * step + step / 2;
+						const ay = padY + row * step + step / 2;
+						dots.push({
+							ax,
+							ay,
+							sx: ax,
+							sy: ay
+						});
+					}
+				};
+				const mouse = {
+					x: -9999,
+					y: -9999,
+					prevX: -9999,
+					prevY: -9999,
+					speed: 0,
+					seen: false
+				};
+				const onPointerMove = (event) => {
+					const rect = viewport.getBoundingClientRect();
+					mouse.x = event.clientX - rect.left;
+					mouse.y = event.clientY - rect.top;
+					if (!mouse.seen) {
+						mouse.prevX = mouse.x;
+						mouse.prevY = mouse.y;
+						mouse.seen = true;
+					}
+				};
+				let engagement = 0;
+				let glowOpacity = 0;
+				const draw = (frameCount) => {
+					const dx = mouse.prevX - mouse.x;
+					const dy = mouse.prevY - mouse.y;
+					mouse.speed += (Math.hypot(dx, dy) - mouse.speed) * .5;
+					if (mouse.speed < .001) mouse.speed = 0;
+					mouse.prevX = mouse.x;
+					mouse.prevY = mouse.y;
+					const target = Math.min(mouse.speed / 5, 1);
+					engagement += (target - engagement) * .06;
+					if (engagement < .001) engagement = 0;
+					glowOpacity += (engagement - glowOpacity) * .08;
+					ctx.clearRect(0, 0, width, height);
+					if (glowOpacity > .01 && mouse.seen) {
+						const glow = ctx.createRadialGradient(mouse.x, mouse.y, 0, mouse.x, mouse.y, FIELD.glowRadius);
+						glow.addColorStop(0, glowInner);
+						glow.addColorStop(1, glowOuter);
+						ctx.globalAlpha = glowOpacity;
+						ctx.fillStyle = glow;
+						ctx.beginPath();
+						ctx.arc(mouse.x, mouse.y, FIELD.glowRadius, 0, Math.PI * 2);
+						ctx.fill();
+						ctx.globalAlpha = 1;
+					}
+					const gradient = ctx.createLinearGradient(0, 0, width, height);
+					gradient.addColorStop(0, "rgba(168, 85, 247, 0.35)");
+					gradient.addColorStop(1, "rgba(180, 151, 207, 0.25)");
+					ctx.fillStyle = gradient;
+					const crSq = FIELD.cursorRadius * FIELD.cursorRadius;
+					const rad = FIELD.radius / 2;
+					ctx.beginPath();
+					for (const dot of dots) {
+						const dxDot = mouse.x - dot.ax;
+						const dyDot = mouse.y - dot.ay;
+						const distSq = dxDot * dxDot + dyDot * dyDot;
+						if (distSq < crSq && engagement > .01) {
+							const t = 1 - Math.sqrt(distSq) / FIELD.cursorRadius;
+							const push = t * t * FIELD.bulgeStrength * engagement;
+							const angle = Math.atan2(dyDot, dxDot);
+							dot.sx += (dot.ax - Math.cos(angle) * push - dot.sx) * .15;
+							dot.sy += (dot.ay - Math.sin(angle) * push - dot.sy) * .15;
+						} else {
+							dot.sx += (dot.ax - dot.sx) * .1;
+							dot.sy += (dot.ay - dot.sy) * .1;
+						}
+						ctx.moveTo(dot.sx + rad, dot.sy);
+						ctx.arc(dot.sx, dot.sy, rad, 0, Math.PI * 2);
+					}
+					ctx.fill();
+					frame = window.requestAnimationFrame(tick);
+				};
+				const tick = () => {
+					draw(performance.now());
+				};
+				rebuild();
+				let frame = 0;
+				if (globalThis.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true) draw(0);
+				else {
+					frame = window.requestAnimationFrame(tick);
+					viewport.addEventListener("pointermove", onPointerMove, true);
+				}
+				const observer = new ResizeObserver(rebuild);
+				observer.observe(viewport);
+				return () => {
+					window.cancelAnimationFrame(frame);
+					observer.disconnect();
+					viewport.removeEventListener("pointermove", onPointerMove);
+				};
+			}, []);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("canvas", {
+				ref: canvasRef,
+				className: canvas_workspace_module_css_default.sceneCanvas,
+				"aria-hidden": "true"
+			});
+		}
+		/** reactbits.dev "DotGrid": a chunky dot lattice (reactbits default #5227FF)
+		*  that reacts to fast pointer strokes and clicks with inertia shockwaves —
+		*  dots fly out and elastically spring back (canvas 2D, spring port of the
+		*  original's gsap inertia tweens). */
+		function DotGridBackground() {
+			const canvasRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				const canvas = canvasRef.current;
+				const viewport = (canvas?.parentElement)?.parentElement;
+				if (canvas === null || canvas === void 0 || viewport === null || viewport === void 0) return;
+				const ctx = canvas.getContext("2d");
+				if (ctx === null) return;
+				const GRID = {
+					dotSize: 16,
+					gap: 32,
+					color: "#5227FF",
+					proximity: 150,
+					speedTrigger: 100,
+					shockRadius: 250,
+					shockStrength: 5
+				};
+				const omega = 7;
+				const damping = 2 * .28 * omega;
+				let dots = [];
+				let width = 0;
+				let height = 0;
+				let lastFrame = 0;
+				const dpr = Math.max(1, Math.min(2, window.devicePixelRatio ?? 1));
+				const rebuild = () => {
+					const rect = viewport.getBoundingClientRect();
+					width = Math.max(1, Math.round(rect.width));
+					height = Math.max(1, Math.round(rect.height));
+					canvas.width = Math.round(width * dpr);
+					canvas.height = Math.round(height * dpr);
+					ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+					const cell = GRID.dotSize + GRID.gap;
+					const cols = Math.floor((width + GRID.gap) / cell);
+					const rows = Math.floor((height + GRID.gap) / cell);
+					const startX = (width - (cell * cols - GRID.gap)) / 2 + GRID.dotSize / 2;
+					const startY = (height - (cell * rows - GRID.gap)) / 2 + GRID.dotSize / 2;
+					dots = [];
+					for (let y = 0; y < rows; y++) for (let x = 0; x < cols; x++) dots.push({
+						cx: startX + x * cell,
+						cy: startY + y * cell,
+						xo: 0,
+						yo: 0,
+						vxo: 0,
+						vyo: 0
+					});
+				};
+				const pointer = {
+					x: -1e4,
+					y: -1e4,
+					vx: 0,
+					vy: 0,
+					speed: 0,
+					lastTime: 0,
+					lastX: 0,
+					lastY: 0
+				};
+				let lastMoveAt = 0;
+				const onPointerMove = (event) => {
+					const now = performance.now();
+					const dt = pointer.lastTime !== 0 ? now - pointer.lastTime : 16;
+					const dx = event.clientX - pointer.lastX;
+					const dy = event.clientY - pointer.lastY;
+					let vx = dx / Math.max(1, dt) * 1e3;
+					let vy = dy / Math.max(1, dt) * 1e3;
+					const speed = Math.hypot(vx, vy);
+					if (speed > 5e3) {
+						const scale = 5e3 / speed;
+						vx *= scale;
+						vy *= scale;
+					}
+					pointer.lastTime = now;
+					pointer.lastX = event.clientX;
+					pointer.lastY = event.clientY;
+					pointer.vx = vx;
+					pointer.vy = vy;
+					pointer.speed = speed;
+					const rect = viewport.getBoundingClientRect();
+					pointer.x = event.clientX - rect.left;
+					pointer.y = event.clientY - rect.top;
+					if (now - lastMoveAt < 50) return;
+					lastMoveAt = now;
+					if (pointer.speed <= GRID.speedTrigger) return;
+					for (const dot of dots) if (Math.hypot(dot.cx - pointer.x, dot.cy - pointer.y) < GRID.proximity) {
+						dot.vxo += (dot.cx - pointer.x + pointer.vx * .005) * omega;
+						dot.vyo += (dot.cy - pointer.y + pointer.vy * .005) * omega;
+					}
+				};
+				const onClick = (event) => {
+					const rect = viewport.getBoundingClientRect();
+					const cx = event.clientX - rect.left;
+					const cy = event.clientY - rect.top;
+					for (const dot of dots) {
+						const dist = Math.hypot(dot.cx - cx, dot.cy - cy);
+						if (dist < GRID.shockRadius) {
+							const falloff = Math.max(0, 1 - dist / GRID.shockRadius);
+							dot.vxo += (dot.cx - cx) * GRID.shockStrength * falloff * omega;
+							dot.vyo += (dot.cy - cy) * GRID.shockStrength * falloff * omega;
+						}
+					}
+				};
+				const tick = (time) => {
+					const dt = Math.min(.05, lastFrame !== 0 ? (time - lastFrame) / 1e3 : .016);
+					lastFrame = time;
+					ctx.clearRect(0, 0, width, height);
+					ctx.fillStyle = GRID.color;
+					for (const dot of dots) {
+						dot.vxo += (-49 * dot.xo - damping * dot.vxo) * dt;
+						dot.vyo += (-49 * dot.yo - damping * dot.vyo) * dt;
+						dot.xo += dot.vxo * dt;
+						dot.yo += dot.vyo * dt;
+						ctx.beginPath();
+						ctx.arc(dot.cx + dot.xo, dot.cy + dot.yo, GRID.dotSize / 2, 0, Math.PI * 2);
+						ctx.fill();
+					}
+					frame = window.requestAnimationFrame(tick);
+				};
+				let frame = 0;
+				rebuild();
+				if (globalThis.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true) {
+					ctx.fillStyle = GRID.color;
+					for (const dot of dots) {
+						ctx.beginPath();
+						ctx.arc(dot.cx, dot.cy, GRID.dotSize / 2, 0, Math.PI * 2);
+						ctx.fill();
+					}
+				} else {
+					frame = window.requestAnimationFrame(tick);
+					viewport.addEventListener("pointermove", onPointerMove, true);
+					viewport.addEventListener("click", onClick, true);
+				}
+				const observer = new ResizeObserver(rebuild);
+				observer.observe(viewport);
+				return () => {
+					window.cancelAnimationFrame(frame);
+					observer.disconnect();
+					viewport.removeEventListener("pointermove", onPointerMove);
+					viewport.removeEventListener("click", onClick);
+				};
+			}, []);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("canvas", {
+				ref: canvasRef,
+				className: canvas_workspace_module_css_default.sceneCanvas,
+				"aria-hidden": "true"
+			});
+		}
+		/** reactbits.dev "ShapeGrid": a continuously scrolling square grid; the cell
+		*  under the pointer fills dark while it passes (canvas 2D). */
+		function ShapeGridBackground() {
+			const canvasRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				const canvas = canvasRef.current;
+				const viewport = (canvas?.parentElement)?.parentElement;
+				if (canvas === null || canvas === void 0 || viewport === null || viewport === void 0) return;
+				const ctx = canvas.getContext("2d");
+				if (ctx === null) return;
+				const SHAPE = {
+					size: 40,
+					speed: 1,
+					border: "#999999",
+					hoverFill: "#222222"
+				};
+				let width = 0;
+				let height = 0;
+				const dpr = Math.max(1, Math.min(2, window.devicePixelRatio ?? 1));
+				const offset = {
+					x: 0,
+					y: 0
+				};
+				const opacities = /* @__PURE__ */ new Map();
+				let hovered = null;
+				const rebuild = () => {
+					const rect = viewport.getBoundingClientRect();
+					width = Math.max(1, Math.round(rect.width));
+					height = Math.max(1, Math.round(rect.height));
+					canvas.width = Math.round(width * dpr);
+					canvas.height = Math.round(height * dpr);
+					ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+				};
+				const wrap = (value, modulo) => (value % modulo + modulo) % modulo;
+				const cellOffsetX = () => wrap(offset.x, SHAPE.size);
+				const cellOffsetY = () => wrap(offset.y, SHAPE.size);
+				const draw = () => {
+					ctx.clearRect(0, 0, width, height);
+					const offsetX = cellOffsetX();
+					const offsetY = cellOffsetY();
+					const cols = Math.ceil(width / SHAPE.size) + 3;
+					const rows = Math.ceil(height / SHAPE.size) + 3;
+					ctx.strokeStyle = SHAPE.border;
+					ctx.lineWidth = 1;
+					for (let col = -2; col < cols; col++) for (let row = -2; row < rows; row++) {
+						const sx = col * SHAPE.size + offsetX;
+						const sy = row * SHAPE.size + offsetY;
+						const key = `${col},${row}`;
+						const alpha = opacities.get(key);
+						if (alpha !== void 0) {
+							ctx.globalAlpha = alpha;
+							ctx.fillStyle = SHAPE.hoverFill;
+							ctx.fillRect(sx, sy, SHAPE.size, SHAPE.size);
+							ctx.globalAlpha = 1;
+						}
+						ctx.strokeRect(sx, sy, SHAPE.size, SHAPE.size);
+					}
+				};
+				const updateOpacities = () => {
+					for (const [key, opacity] of opacities) {
+						const next = opacity + ((hovered !== null && key === `${hovered.x},${hovered.y}` ? 1 : 0) - opacity) * .15;
+						if (next < .005) opacities.delete(key);
+						else opacities.set(key, next);
+					}
+					if (hovered !== null && !opacities.has(`${hovered.x},${hovered.y}`)) opacities.set(`${hovered.x},${hovered.y}`, 0);
+				};
+				const tick = () => {
+					offset.x = wrap(offset.x - SHAPE.speed, SHAPE.size);
+					updateOpacities();
+					draw();
+					frame = window.requestAnimationFrame(tick);
+				};
+				const onPointerMove = (event) => {
+					const rect = viewport.getBoundingClientRect();
+					const col = Math.floor((event.clientX - rect.left - cellOffsetX()) / SHAPE.size);
+					const row = Math.floor((event.clientY - rect.top - cellOffsetY()) / SHAPE.size);
+					if (hovered === null || hovered.x !== col || hovered.y !== row) hovered = {
+						x: col,
+						y: row
+					};
+				};
+				const onPointerLeave = () => {
+					hovered = null;
+				};
+				rebuild();
+				let frame = 0;
+				if (globalThis.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true) draw();
+				else {
+					frame = window.requestAnimationFrame(tick);
+					viewport.addEventListener("pointermove", onPointerMove, true);
+					viewport.addEventListener("pointerleave", onPointerLeave);
+				}
+				const observer = new ResizeObserver(rebuild);
+				observer.observe(viewport);
+				return () => {
+					window.cancelAnimationFrame(frame);
+					observer.disconnect();
+					viewport.removeEventListener("pointermove", onPointerMove);
+					viewport.removeEventListener("pointerleave", onPointerLeave);
+				};
+			}, []);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("canvas", {
+				ref: canvasRef,
+				className: canvas_workspace_module_css_default.sceneCanvas,
+				"aria-hidden": "true"
+			});
+		}
+		//#endregion
+		//#region src/client/CanvasWorkspace.tsx
+		/** Infinite canvas workspace, rebuilt after the node-graph model of
+		* basketikun/infinite-canvas: free nodes (image/text), drag-to-connect edges,
+		* marquee + multi selection, context menus, minimap, undo/redo and a floating
+		* generation composer. Selecting a node pops the composer: the prompt is typed
+		* there (or supplied by connected text nodes), every upstream image node joins
+		* as a reference, and results land as new image nodes on the right. */
+		const MIN_SCALE = .05;
+		const MAX_SCALE = 5;
+		const GRID_SIZE = 48;
+		const IMAGE_NODE_SIZE = {
+			width: 240,
+			height: 240
+		};
+		const TEXT_NODE_SIZE = {
+			width: 280,
+			height: 150
+		};
+		const CONFIG_NODE_SIZE = {
+			width: 320,
+			height: 190
+		};
+		const LEGACY_CONFIG_NODE_SIZE = {
+			width: 240,
+			height: 96
+		};
+		const WORLD_PAD = 12e3;
+		function newId(prefix) {
+			return `${prefix}-${globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`}`;
+		}
+		function imageDataUrl(image) {
+			return `data:${image.mime};base64,${image.b64}`;
+		}
+		function readImageSize(src) {
+			return new Promise((resolve, reject) => {
+				const image = new Image();
+				image.onload = () => resolve({
+					width: image.naturalWidth || 1,
+					height: image.naturalHeight || 1
+				});
+				image.onerror = () => reject(/* @__PURE__ */ new Error("无法读取图片尺寸"));
+				image.src = src;
+			});
+		}
+		async function assetToDataUrl(asset) {
+			if (asset.url.startsWith("data:")) return asset.url;
+			const response = await fetch(asset.url);
+			if (!response.ok) throw new Error("读取画布图片失败");
+			const blob = await response.blob();
+			return await new Promise((resolve, reject) => {
+				const reader = new FileReader();
+				reader.onload = () => resolve(String(reader.result));
+				reader.onerror = () => reject(/* @__PURE__ */ new Error("读取画布图片失败"));
+				reader.readAsDataURL(blob);
+			});
+		}
+		function clampScale(scale) {
+			return Math.min(MAX_SCALE, Math.max(MIN_SCALE, scale));
+		}
+		function sizeForAsset(asset) {
+			const ratio = asset.width > 0 && asset.height > 0 ? asset.width / asset.height : 1;
+			if (ratio >= 1) return {
+				width: IMAGE_NODE_SIZE.width,
+				height: Math.max(160, Math.round(IMAGE_NODE_SIZE.width / ratio))
+			};
+			return {
+				width: Math.max(200, Math.round(IMAGE_NODE_SIZE.height * ratio)),
+				height: IMAGE_NODE_SIZE.height
+			};
+		}
+		/** Node footprint for a generation size ratio such as '1:1' or '16:9'. */
+		function nodeSizeFromRatio(size, spec) {
+			const match = /^(\d+):(\d+)$/.exec(size ?? "");
+			if (match === null) return { ...spec };
+			const width = Number(match[1]);
+			const height = Number(match[2]);
+			if (!Number.isFinite(width) || !Number.isFinite(height) || width <= 0 || height <= 0) return { ...spec };
+			const ratio = width / height;
+			return ratio >= 1 ? {
+				width: spec.width,
+				height: Math.max(160, Math.round(spec.width / ratio))
+			} : {
+				width: Math.max(200, Math.round(spec.height * ratio)),
+				height: spec.height
+			};
+		}
+		function nodesBounds(nodes) {
+			return nodes.reduce((acc, node) => ({
+				minX: Math.min(acc.minX, node.x),
+				minY: Math.min(acc.minY, node.y),
+				maxX: Math.max(acc.maxX, node.x + node.width),
 				maxY: Math.max(acc.maxY, node.y + node.height)
 			}), {
 				minX: Infinity,
@@ -39792,7 +41963,7 @@ window.__ModuleLoader__.load({
 				return related;
 			}, [document, selectedIds]);
 			const cursorClass = tool === "pan" || temporaryPanTool ? canvas_workspace_module_css_default.panCursor : canvas_workspace_module_css_default.selectCursor;
-			const backgroundMode = document?.background ?? "dots";
+			const backgroundMode = document?.background ?? "liquid";
 			const setBackgroundMode = (0, react.useCallback)((mode) => {
 				mutate((previous) => ({
 					...previous,
@@ -40640,13 +42811,25 @@ window.__ModuleLoader__.load({
 									backgroundImage: `url(${document.backgroundImage})`,
 									backgroundSize: "cover",
 									backgroundPosition: "center"
-								} : backgroundMode === "aurora" ? void 0 : {
+								} : backgroundMode === "liquid" || backgroundMode === "floatingLines" || backgroundMode === "galaxy" || backgroundMode === "silk" || backgroundMode === "waves" || backgroundMode === "faultyTerminal" || backgroundMode === "dotField" || backgroundMode === "dotGrid" || backgroundMode === "shapeGrid" ? void 0 : {
 									backgroundSize: `${gridSize}px ${gridSize}px`,
 									backgroundPosition: `${gridOffsetX}px ${gridOffsetY}px`
 								},
 								"data-mode": backgroundMode,
 								"aria-hidden": "true",
-								children: [backgroundMode === "image" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: canvas_workspace_module_css_default.gridScrim }) : null, backgroundMode === "flow" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FlowBackground, {}) : null]
+								children: [
+									backgroundMode === "image" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: canvas_workspace_module_css_default.gridScrim }) : null,
+									backgroundMode === "flow" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FlowBackground, {}) : null,
+									backgroundMode === "liquid" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LiquidEtherBackground, {}) : null,
+									backgroundMode === "floatingLines" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FloatingLinesBackground, {}) : null,
+									backgroundMode === "galaxy" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GalaxyBackground, {}) : null,
+									backgroundMode === "silk" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SilkBackground, {}) : null,
+									backgroundMode === "waves" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WavesBackground, {}) : null,
+									backgroundMode === "faultyTerminal" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FaultyTerminalBackground, {}) : null,
+									backgroundMode === "dotField" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DotFieldBackground, {}) : null,
+									backgroundMode === "dotGrid" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DotGridBackground, {}) : null,
+									backgroundMode === "shapeGrid" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShapeGridBackground, {}) : null
+								]
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: canvas_workspace_module_css_default.world,
@@ -40872,10 +43055,16 @@ window.__ModuleLoader__.load({
 							[
 								["dots", tt("canvas.backgroundDots")],
 								["lines", tt("canvas.backgroundLines")],
-								["diagonal", tt("canvas.backgroundDiagonal")],
-								["checker", tt("canvas.backgroundChecker")],
+								["waves", tt("canvas.backgroundWaves")],
+								["shapeGrid", tt("canvas.backgroundShapeGrid")],
+								["dotField", tt("canvas.backgroundDotField")],
+								["dotGrid", tt("canvas.backgroundDotGrid")],
+								["floatingLines", tt("canvas.backgroundFloatingLines")],
 								["flow", tt("canvas.backgroundFlow")],
-								["aurora", tt("canvas.backgroundAurora")],
+								["liquid", tt("canvas.backgroundLiquid")],
+								["faultyTerminal", tt("canvas.backgroundFaultyTerminal")],
+								["silk", tt("canvas.backgroundSilk")],
+								["galaxy", tt("canvas.backgroundGalaxy")],
 								["blank", tt("canvas.backgroundBlank")]
 							].map(([mode, label]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
@@ -41061,115 +43250,6 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
-		/** Interactive flowmap-style dot field ("fluid distortion"): the pointer's
-		*  velocity pushes dots sideways like a fluid; they spring back home when it
-		*  moves on, with a barely-visible idle drift keeping the field alive. */
-		function FlowBackground() {
-			const canvasRef = (0, react.useRef)(null);
-			(0, react.useEffect)(() => {
-				const canvas = canvasRef.current;
-				const viewport = (canvas?.parentElement)?.parentElement;
-				if (canvas === null || canvas === void 0 || viewport === null || viewport === void 0) return;
-				const ctx = canvas.getContext("2d");
-				if (ctx === null) return;
-				const pointer = {
-					x: -1e4,
-					y: -1e4,
-					vx: 0,
-					vy: 0,
-					seen: false
-				};
-				const SPACING = 44;
-				const RADIUS = 120;
-				let width = 0;
-				let height = 0;
-				let points = [];
-				const rebuild = () => {
-					const rect = viewport.getBoundingClientRect();
-					const dpr = Math.max(1, Math.min(2, window.devicePixelRatio ?? 1));
-					width = Math.max(1, Math.round(rect.width));
-					height = Math.max(1, Math.round(rect.height));
-					canvas.width = Math.round(width * dpr);
-					canvas.height = Math.round(height * dpr);
-					ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
-					points = [];
-					for (let y = SPACING / 2; y < height; y += SPACING) for (let x = SPACING / 2; x < width; x += SPACING) points.push({
-						hx: x,
-						hy: y,
-						x,
-						y,
-						vx: 0,
-						vy: 0
-					});
-				};
-				rebuild();
-				const observer = new ResizeObserver(rebuild);
-				observer.observe(viewport);
-				const onMove = (event) => {
-					const rect = viewport.getBoundingClientRect();
-					const x = event.clientX - rect.left;
-					const y = event.clientY - rect.top;
-					if (pointer.seen) {
-						pointer.vx = pointer.vx * .6 + (x - pointer.x) * .4;
-						pointer.vy = pointer.vy * .6 + (y - pointer.y) * .4;
-					}
-					pointer.x = x;
-					pointer.y = y;
-					pointer.seen = true;
-				};
-				const onLeave = () => {
-					pointer.x = -1e4;
-					pointer.y = -1e4;
-					pointer.vx = 0;
-					pointer.vy = 0;
-				};
-				viewport.addEventListener("pointermove", onMove, true);
-				viewport.addEventListener("pointerleave", onLeave);
-				let frame = 0;
-				let time = 0;
-				const tick = () => {
-					time += .016;
-					for (const p of points) {
-						p.vx += (p.hx + Math.sin(time * 1.3 + p.hy * .055) * .5 - p.x) * .03;
-						p.vy += (p.hy + Math.cos(time * 1.1 + p.hx * .055) * .5 - p.y) * .03;
-						const dx = p.x - pointer.x;
-						const dy = p.y - pointer.y;
-						const d2 = dx * dx + dy * dy;
-						if (d2 < RADIUS * RADIUS && d2 > .01) {
-							const d = Math.sqrt(d2);
-							const force = (1 - d / RADIUS) * .9;
-							p.vx += pointer.vx * force + dx / d * force * 2.2;
-							p.vy += pointer.vy * force + dy / d * force * 2.2;
-						}
-						p.vx *= .86;
-						p.vy *= .86;
-						p.x += p.vx;
-						p.y += p.vy;
-					}
-					ctx.clearRect(0, 0, width, height);
-					for (const p of points) {
-						const speed = Math.min(4, Math.hypot(p.vx, p.vy));
-						ctx.fillStyle = `rgba(96, 125, 255, ${(.16 + speed * .16).toFixed(3)})`;
-						ctx.beginPath();
-						ctx.arc(p.x, p.y, 1.4 + Math.min(1.8, speed * .5), 0, Math.PI * 2);
-						ctx.fill();
-					}
-					frame = window.requestAnimationFrame(tick);
-				};
-				frame = window.requestAnimationFrame(tick);
-				return () => {
-					window.cancelAnimationFrame(frame);
-					observer.disconnect();
-					viewport.removeEventListener("pointermove", onMove);
-					viewport.removeEventListener("pointerleave", onLeave);
-				};
-			}, []);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("canvas", {
-				ref: canvasRef,
-				className: canvas_workspace_module_css_default.flowCanvas,
-				"aria-hidden": "true"
-			});
-		}
 		function ImagePicker(props) {
 			const { api, history, gallery, imageModels, defaultChannelId, canvasId, connected, onClose, onAssets } = props;
 			const [tab, setTab] = (0, react.useState)(props.initialTab ?? "upload");
@@ -41873,226 +43953,226 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var panel_module_css_default = {
-			"comparisonFullscreen": "Yvqh9W_comparisonFullscreen",
-			"dshImageGenToastIn": "Yvqh9W_dshImageGenToastIn",
-			"galleryAvatar": "Yvqh9W_galleryAvatar",
-			"taskTrayCount": "Yvqh9W_taskTrayCount",
-			"paramLabel": "Yvqh9W_paramLabel",
-			"conversationToast": "Yvqh9W_conversationToast",
-			"lightboxScaleFrame": "Yvqh9W_lightboxScaleFrame",
+			"galleryFilterDivider": "Yvqh9W_galleryFilterDivider",
+			"galleryTagFilter": "Yvqh9W_galleryTagFilter",
+			"gallerySelectionClear": "Yvqh9W_gallerySelectionClear",
+			"lightboxZoomLevel": "Yvqh9W_lightboxZoomLevel",
+			"lightboxMeta": "Yvqh9W_lightboxMeta",
+			"galleryCardAction": "Yvqh9W_galleryCardAction",
+			"panelHeader": "Yvqh9W_panelHeader",
+			"historyFilters": "Yvqh9W_historyFilters",
 			"taskRow": "Yvqh9W_taskRow",
-			"chatResizer": "Yvqh9W_chatResizer",
-			"ecommerceAdvancedChevron": "Yvqh9W_ecommerceAdvancedChevron",
-			"ecommercePlanList": "Yvqh9W_ecommercePlanList",
-			"ecommerceSlotCard": "Yvqh9W_ecommerceSlotCard",
-			"taskStatus": "Yvqh9W_taskStatus",
-			"historyList": "Yvqh9W_historyList",
-			"historyInfo": "Yvqh9W_historyInfo",
-			"ecommerceField": "Yvqh9W_ecommerceField",
-			"configResizer": "Yvqh9W_configResizer",
-			"uploadIcon": "Yvqh9W_uploadIcon",
-			"card": "Yvqh9W_card",
-			"ecommerceGroups": "Yvqh9W_ecommerceGroups",
-			"paramGroup": "Yvqh9W_paramGroup",
-			"galleryRatioList": "Yvqh9W_galleryRatioList",
-			"ecommerceResultsHeader": "Yvqh9W_ecommerceResultsHeader",
-			"connectionStatus": "Yvqh9W_connectionStatus",
-			"taskTray": "Yvqh9W_taskTray",
-			"galleryHeading": "Yvqh9W_galleryHeading",
-			"entry": "Yvqh9W_entry",
-			"ecommercePlanNote": "Yvqh9W_ecommercePlanNote",
+			"sessionTabLabel": "Yvqh9W_sessionTabLabel",
+			"galleryRatio": "Yvqh9W_galleryRatio",
+			"topNav": "Yvqh9W_topNav",
+			"ecommerceSlotCount": "Yvqh9W_ecommerceSlotCount",
 			"optionGrid": "Yvqh9W_optionGrid",
-			"comparisonGrid": "Yvqh9W_comparisonGrid",
-			"ecommerceAdvancedToggle": "Yvqh9W_ecommerceAdvancedToggle",
-			"ecommerceActionChip": "Yvqh9W_ecommerceActionChip",
-			"reference": "Yvqh9W_reference",
-			"lightboxMeta": "Yvqh9W_lightboxMeta",
-			"lightboxCaptionRow": "Yvqh9W_lightboxCaptionRow",
-			"galleryFilters": "Yvqh9W_galleryFilters",
-			"galleryBulkButton": "Yvqh9W_galleryBulkButton",
-			"ecommerceResultsEmpty": "Yvqh9W_ecommerceResultsEmpty",
-			"modelSelect": "Yvqh9W_modelSelect",
+			"ecommerceSection": "Yvqh9W_ecommerceSection",
+			"modePill": "Yvqh9W_modePill",
+			"compareControl": "Yvqh9W_compareControl",
+			"galleryImageButton": "Yvqh9W_galleryImageButton",
+			"studio": "Yvqh9W_studio",
+			"configGuideBody": "Yvqh9W_configGuideBody",
 			"taskTrayHeader": "Yvqh9W_taskTrayHeader",
-			"ecommercePlanBack": "Yvqh9W_ecommercePlanBack",
-			"zoomHint": "Yvqh9W_zoomHint",
-			"gallerySelectionClear": "Yvqh9W_gallerySelectionClear",
-			"generateInner": "Yvqh9W_generateInner",
-			"lightboxEdit": "Yvqh9W_lightboxEdit",
-			"download": "Yvqh9W_download",
-			"ecommerceWorkspace": "Yvqh9W_ecommerceWorkspace",
-			"lightboxZoomLevel": "Yvqh9W_lightboxZoomLevel",
-			"updateActions": "Yvqh9W_updateActions",
+			"lightboxStage": "Yvqh9W_lightboxStage",
+			"gallerySelectMode": "Yvqh9W_gallerySelectMode",
+			"galleryViewToggle": "Yvqh9W_galleryViewToggle",
+			"comparisonFullscreenGrid": "Yvqh9W_comparisonFullscreenGrid",
 			"galleryToast": "Yvqh9W_galleryToast",
-			"ecommerceFooterBody": "Yvqh9W_ecommerceFooterBody",
-			"galleryRatio": "Yvqh9W_galleryRatio",
+			"enhanceButton": "Yvqh9W_enhanceButton",
+			"lightboxCaptionRow": "Yvqh9W_lightboxCaptionRow",
+			"gallerySort": "Yvqh9W_gallerySort",
 			"panelHeaderActions": "Yvqh9W_panelHeaderActions",
-			"gallerySelectionBar": "Yvqh9W_gallerySelectionBar",
-			"lightboxCaption": "Yvqh9W_lightboxCaption",
-			"gallerySelectMode": "Yvqh9W_gallerySelectMode",
+			"galleryFilterHeading": "Yvqh9W_galleryFilterHeading",
+			"conversationAdd": "Yvqh9W_conversationAdd",
+			"canvasMeta": "Yvqh9W_canvasMeta",
+			"comparisonBoard": "Yvqh9W_comparisonBoard",
+			"galleryAvatar": "Yvqh9W_galleryAvatar",
+			"canvas": "Yvqh9W_canvas",
+			"historySearch": "Yvqh9W_historySearch",
+			"historyInfo": "Yvqh9W_historyInfo",
+			"optionPill": "Yvqh9W_optionPill",
+			"galleryTagInput": "Yvqh9W_galleryTagInput",
+			"config": "Yvqh9W_config",
+			"generateInner": "Yvqh9W_generateInner",
+			"galleryCardInfo": "Yvqh9W_galleryCardInfo",
+			"galleryCardActions": "Yvqh9W_galleryCardActions",
 			"galleryAdd": "Yvqh9W_galleryAdd",
-			"ecommerceFieldLabel": "Yvqh9W_ecommerceFieldLabel",
+			"lightboxCaption": "Yvqh9W_lightboxCaption",
+			"ecommerceGroup": "Yvqh9W_ecommerceGroup",
+			"ecommerceActionChip": "Yvqh9W_ecommerceActionChip",
+			"galleryTagFilterList": "Yvqh9W_galleryTagFilterList",
+			"galleryImage": "Yvqh9W_galleryImage",
+			"galleryFilterNote": "Yvqh9W_galleryFilterNote",
+			"configToggle": "Yvqh9W_configToggle",
+			"lightboxTools": "Yvqh9W_lightboxTools",
+			"paramLabel": "Yvqh9W_paramLabel",
 			"referenceImage": "Yvqh9W_referenceImage",
-			"templatesButton": "Yvqh9W_templatesButton",
-			"studio": "Yvqh9W_studio",
+			"ecommerceAsset": "Yvqh9W_ecommerceAsset",
+			"panel": "Yvqh9W_panel",
 			"generation": "Yvqh9W_generation",
-			"lightboxTool": "Yvqh9W_lightboxTool",
-			"topNavDivider": "Yvqh9W_topNavDivider",
-			"ecommerceSlotCount": "Yvqh9W_ecommerceSlotCount",
-			"taskTrayToggle": "Yvqh9W_taskTrayToggle",
-			"topNavItem": "Yvqh9W_topNavItem",
 			"historyMeta": "Yvqh9W_historyMeta",
-			"ecommercePrimaryAction": "Yvqh9W_ecommercePrimaryAction",
-			"previewBadge": "Yvqh9W_previewBadge",
-			"canvasBody": "Yvqh9W_canvasBody",
-			"ecommerceFooterHint": "Yvqh9W_ecommerceFooterHint",
-			"ecommerceStructureGrid": "Yvqh9W_ecommerceStructureGrid",
-			"historyMain": "Yvqh9W_historyMain",
-			"configHeader": "Yvqh9W_configHeader",
-			"historySearch": "Yvqh9W_historySearch",
+			"ecommerceAdvancedChevron": "Yvqh9W_ecommerceAdvancedChevron",
+			"lightboxClose": "Yvqh9W_lightboxClose",
 			"githubLink": "Yvqh9W_githubLink",
-			"historyClear": "Yvqh9W_historyClear",
-			"canvasStateHint": "Yvqh9W_canvasStateHint",
-			"canvas": "Yvqh9W_canvas",
-			"ecommerceAsset": "Yvqh9W_ecommerceAsset",
+			"ecommerceFieldLabel": "Yvqh9W_ecommerceFieldLabel",
+			"dshImageGenToastIn": "Yvqh9W_dshImageGenToastIn",
+			"card": "Yvqh9W_card",
+			"ecommercePlanBack": "Yvqh9W_ecommercePlanBack",
+			"ecommercePrimaryAction": "Yvqh9W_ecommercePrimaryAction",
+			"compareModelChoices": "Yvqh9W_compareModelChoices",
+			"generateButton": "Yvqh9W_generateButton",
+			"lightboxIndex": "Yvqh9W_lightboxIndex",
+			"ecommerceFooterBody": "Yvqh9W_ecommerceFooterBody",
+			"panelTitle": "Yvqh9W_panelTitle",
+			"modelMenuList": "Yvqh9W_modelMenuList",
+			"galleryCardFooter": "Yvqh9W_galleryCardFooter",
+			"view": "Yvqh9W_view",
+			"gallerySelect": "Yvqh9W_gallerySelect",
+			"galleryTagEdit": "Yvqh9W_galleryTagEdit",
 			"history": "Yvqh9W_history",
-			"historyHeaderActions": "Yvqh9W_historyHeaderActions",
-			"ecommerceGroupGrid": "Yvqh9W_ecommerceGroupGrid",
+			"historyEmpty": "Yvqh9W_historyEmpty",
+			"comparisonFullscreen": "Yvqh9W_comparisonFullscreen",
+			"updateText": "Yvqh9W_updateText",
+			"canvasEmptyIcon": "Yvqh9W_canvasEmptyIcon",
+			"historyList": "Yvqh9W_historyList",
+			"gallerySearch": "Yvqh9W_gallerySearch",
+			"ecommerceField": "Yvqh9W_ecommerceField",
+			"ecommerceAssets": "Yvqh9W_ecommerceAssets",
+			"taskPrompt": "Yvqh9W_taskPrompt",
+			"zoomHint": "Yvqh9W_zoomHint",
+			"historyTitle": "Yvqh9W_historyTitle",
+			"connectionStatus": "Yvqh9W_connectionStatus",
+			"lightboxScaleFrame": "Yvqh9W_lightboxScaleFrame",
+			"ecommercePlanNote": "Yvqh9W_ecommercePlanNote",
+			"ecommerceRefRow": "Yvqh9W_ecommerceRefRow",
+			"ecommerceSlotCard": "Yvqh9W_ecommerceSlotCard",
+			"historyHeader": "Yvqh9W_historyHeader",
+			"prompt": "Yvqh9W_prompt",
+			"configGuide": "Yvqh9W_configGuide",
+			"taskStatus": "Yvqh9W_taskStatus",
+			"previewBadge": "Yvqh9W_previewBadge",
+			"lightboxImage": "Yvqh9W_lightboxImage",
+			"reference": "Yvqh9W_reference",
+			"templatesButton": "Yvqh9W_templatesButton",
+			"conversationToast": "Yvqh9W_conversationToast",
+			"configResizer": "Yvqh9W_configResizer",
+			"canvasHistoryTag": "Yvqh9W_canvasHistoryTag",
+			"lightboxCopy": "Yvqh9W_lightboxCopy",
+			"ecommerceResults": "Yvqh9W_ecommerceResults",
+			"ecommerceResultsActions": "Yvqh9W_ecommerceResultsActions",
+			"entryIcon": "Yvqh9W_entryIcon",
+			"ecommerceAssetAdd": "Yvqh9W_ecommerceAssetAdd",
+			"uploadIcon": "Yvqh9W_uploadIcon",
 			"imageCard": "Yvqh9W_imageCard",
-			"paramHint": "Yvqh9W_paramHint",
-			"ecommerceParamGrid": "Yvqh9W_ecommerceParamGrid",
+			"ecommerceResultsEmpty": "Yvqh9W_ecommerceResultsEmpty",
+			"sidebarHistoryHost": "Yvqh9W_sidebarHistoryHost",
+			"uploadHint": "Yvqh9W_uploadHint",
+			"galleryFilters": "Yvqh9W_galleryFilters",
+			"lightboxActions": "Yvqh9W_lightboxActions",
+			"image": "Yvqh9W_image",
+			"historyMain": "Yvqh9W_historyMain",
+			"historyThumb": "Yvqh9W_historyThumb",
+			"galleryFilter": "Yvqh9W_galleryFilter",
+			"ecommerceTaskCard": "Yvqh9W_ecommerceTaskCard",
+			"updateActions": "Yvqh9W_updateActions",
+			"galleryBulkButton": "Yvqh9W_galleryBulkButton",
+			"ecommerceTaskState": "Yvqh9W_ecommerceTaskState",
+			"historyThumbPlaceholder": "Yvqh9W_historyThumbPlaceholder",
 			"modelLabel": "Yvqh9W_modelLabel",
-			"promptFooter": "Yvqh9W_promptFooter",
-			"canvasHistoryTag": "Yvqh9W_canvasHistoryTag",
+			"bigSpinner": "Yvqh9W_bigSpinner",
+			"updateBanner": "Yvqh9W_updateBanner",
 			"lightbox": "Yvqh9W_lightbox",
-			"galleryTagFilter": "Yvqh9W_galleryTagFilter",
+			"galleryWorkspace": "Yvqh9W_galleryWorkspace",
+			"ecommerceSectionHint": "Yvqh9W_ecommerceSectionHint",
+			"historyClear": "Yvqh9W_historyClear",
 			"galleryToolbar": "Yvqh9W_galleryToolbar",
-			"panelHeading": "Yvqh9W_panelHeading",
-			"ecommerceTaskActions": "Yvqh9W_ecommerceTaskActions",
-			"panelHeader": "Yvqh9W_panelHeader",
-			"connectionDot": "Yvqh9W_connectionDot",
-			"taskTrayClose": "Yvqh9W_taskTrayClose",
-			"sessionTabs": "Yvqh9W_sessionTabs",
-			"taskPrompt": "Yvqh9W_taskPrompt",
-			"image": "Yvqh9W_image",
-			"enhanceButton": "Yvqh9W_enhanceButton",
-			"modelWrap": "Yvqh9W_modelWrap",
-			"imageCaption": "Yvqh9W_imageCaption",
-			"spinner": "Yvqh9W_spinner",
-			"bigSpinner": "Yvqh9W_bigSpinner",
-			"galleryClear": "Yvqh9W_galleryClear",
-			"uploadBox": "Yvqh9W_uploadBox",
-			"ecommerceSection": "Yvqh9W_ecommerceSection",
-			"modelMenu": "Yvqh9W_modelMenu",
-			"historyActions": "Yvqh9W_historyActions",
-			"gallerySelect": "Yvqh9W_gallerySelect",
+			"updateRelease": "Yvqh9W_updateRelease",
+			"galleryCount": "Yvqh9W_galleryCount",
+			"gallerySelectionBar": "Yvqh9W_gallerySelectionBar",
+			"taskTrayChevron": "Yvqh9W_taskTrayChevron",
+			"ecommercePlanList": "Yvqh9W_ecommercePlanList",
+			"taskTrayToggle": "Yvqh9W_taskTrayToggle",
+			"historyHeaderActions": "Yvqh9W_historyHeaderActions",
 			"modeRow": "Yvqh9W_modeRow",
-			"configGuide": "Yvqh9W_configGuide",
-			"galleryCardActions": "Yvqh9W_galleryCardActions",
-			"galleryCardAction": "Yvqh9W_galleryCardAction",
-			"galleryCardFooter": "Yvqh9W_galleryCardFooter",
-			"lightboxStage": "Yvqh9W_lightboxStage",
-			"comparisonImageButton": "Yvqh9W_comparisonImageButton",
-			"galleryCardInfo": "Yvqh9W_galleryCardInfo",
-			"galleryTagEdit": "Yvqh9W_galleryTagEdit",
-			"galleryTagEditor": "Yvqh9W_galleryTagEditor",
-			"ecommerceSectionHint": "Yvqh9W_ecommerceSectionHint",
-			"lightboxFigure": "Yvqh9W_lightboxFigure",
-			"galleryViewToggle": "Yvqh9W_galleryViewToggle",
+			"canvasBody": "Yvqh9W_canvasBody",
+			"ecommerceAdvancedToggle": "Yvqh9W_ecommerceAdvancedToggle",
+			"entry": "Yvqh9W_entry",
+			"ecommerceGroups": "Yvqh9W_ecommerceGroups",
+			"referenceActions": "Yvqh9W_referenceActions",
+			"configScroll": "Yvqh9W_configScroll",
 			"canvasStateTitle": "Yvqh9W_canvasStateTitle",
-			"comparisonBoard": "Yvqh9W_comparisonBoard",
-			"galleryFilterNote": "Yvqh9W_galleryFilterNote",
-			"optionPill": "Yvqh9W_optionPill",
-			"canvasMeta": "Yvqh9W_canvasMeta",
-			"lightboxCopy": "Yvqh9W_lightboxCopy",
-			"entryLabel": "Yvqh9W_entryLabel",
-			"panelTitle": "Yvqh9W_panelTitle",
-			"generateButton": "Yvqh9W_generateButton",
-			"canvasError": "Yvqh9W_canvasError",
-			"gallerySearch": "Yvqh9W_gallerySearch",
-			"lightboxClose": "Yvqh9W_lightboxClose",
-			"galleryTagFilterList": "Yvqh9W_galleryTagFilterList",
+			"comparisonGrid": "Yvqh9W_comparisonGrid",
+			"panelHeading": "Yvqh9W_panelHeading",
+			"chatResizer": "Yvqh9W_chatResizer",
 			"modelMenuItem": "Yvqh9W_modelMenuItem",
-			"entryIcon": "Yvqh9W_entryIcon",
-			"configScroll": "Yvqh9W_configScroll",
-			"historyThumbPlaceholder": "Yvqh9W_historyThumbPlaceholder",
-			"ecommerceGroup": "Yvqh9W_ecommerceGroup",
-			"ecommerceTaskState": "Yvqh9W_ecommerceTaskState",
-			"footer": "Yvqh9W_footer",
+			"galleryClear": "Yvqh9W_galleryClear",
+			"comparisonImageButton": "Yvqh9W_comparisonImageButton",
+			"galleryMasonry": "Yvqh9W_galleryMasonry",
+			"taskTray": "Yvqh9W_taskTray",
+			"sessionTabs": "Yvqh9W_sessionTabs",
+			"promptFooter": "Yvqh9W_promptFooter",
+			"promptCount": "Yvqh9W_promptCount",
+			"ecommerceWorkspace": "Yvqh9W_ecommerceWorkspace",
 			"canvasState": "Yvqh9W_canvasState",
-			"lightboxDownload": "Yvqh9W_lightboxDownload",
-			"canvasEmptyIcon": "Yvqh9W_canvasEmptyIcon",
-			"historyPrompt": "Yvqh9W_historyPrompt",
-			"lightboxIndex": "Yvqh9W_lightboxIndex",
-			"configToggle": "Yvqh9W_configToggle",
-			"sidebarHistoryHost": "Yvqh9W_sidebarHistoryHost",
-			"uploadHint": "Yvqh9W_uploadHint",
-			"lightboxNav": "Yvqh9W_lightboxNav",
-			"ecommercePlanWarn": "Yvqh9W_ecommercePlanWarn",
-			"hiddenFile": "Yvqh9W_hiddenFile",
 			"galleryFilterCount": "Yvqh9W_galleryFilterCount",
-			"compareControl": "Yvqh9W_compareControl",
+			"historyIconAction": "Yvqh9W_historyIconAction",
+			"hiddenFile": "Yvqh9W_hiddenFile",
 			"galleryCard": "Yvqh9W_galleryCard",
-			"galleryImageButton": "Yvqh9W_galleryImageButton",
+			"modelSelect": "Yvqh9W_modelSelect",
+			"canvasStateHint": "Yvqh9W_canvasStateHint",
+			"imageCaption": "Yvqh9W_imageCaption",
+			"galleryBadge": "Yvqh9W_galleryBadge",
 			"compareToggle": "Yvqh9W_compareToggle",
-			"galleryMasonry": "Yvqh9W_galleryMasonry",
-			"promptCount": "Yvqh9W_promptCount",
-			"lightboxTools": "Yvqh9W_lightboxTools",
-			"historyItem": "Yvqh9W_historyItem",
-			"taskRows": "Yvqh9W_taskRows",
-			"updateText": "Yvqh9W_updateText",
-			"updateRelease": "Yvqh9W_updateRelease",
-			"ecommerceAssetAdd": "Yvqh9W_ecommerceAssetAdd",
-			"ecommerceResults": "Yvqh9W_ecommerceResults",
-			"ecommerceTaskCard": "Yvqh9W_ecommerceTaskCard",
-			"historyFilters": "Yvqh9W_historyFilters",
-			"topNav": "Yvqh9W_topNav",
-			"referenceActions": "Yvqh9W_referenceActions",
-			"conversationAdd": "Yvqh9W_conversationAdd",
-			"galleryFilter": "Yvqh9W_galleryFilter",
-			"dshImageGenSpin": "Yvqh9W_dshImageGenSpin",
+			"taskTrayClose": "Yvqh9W_taskTrayClose",
+			"optionRow": "Yvqh9W_optionRow",
+			"galleryRemove": "Yvqh9W_galleryRemove",
+			"lightboxDownload": "Yvqh9W_lightboxDownload",
+			"footer": "Yvqh9W_footer",
+			"galleryRatioList": "Yvqh9W_galleryRatioList",
+			"uploadBox": "Yvqh9W_uploadBox",
+			"ecommerceStructureGrid": "Yvqh9W_ecommerceStructureGrid",
+			"paramHint": "Yvqh9W_paramHint",
+			"ecommerceParamGrid": "Yvqh9W_ecommerceParamGrid",
+			"lightboxNav": "Yvqh9W_lightboxNav",
+			"configHeader": "Yvqh9W_configHeader",
+			"galleryHeading": "Yvqh9W_galleryHeading",
+			"lightboxEdit": "Yvqh9W_lightboxEdit",
+			"taskTrayCount": "Yvqh9W_taskTrayCount",
+			"entryLabel": "Yvqh9W_entryLabel",
+			"galleryTags": "Yvqh9W_galleryTags",
+			"historyNew": "Yvqh9W_historyNew",
+			"lightboxFigure": "Yvqh9W_lightboxFigure",
+			"lightboxTool": "Yvqh9W_lightboxTool",
+			"topNavItem": "Yvqh9W_topNavItem",
+			"ecommerceResultsHeader": "Yvqh9W_ecommerceResultsHeader",
+			"topNavDivider": "Yvqh9W_topNavDivider",
+			"ecommercePlanWarn": "Yvqh9W_ecommercePlanWarn",
 			"grid": "Yvqh9W_grid",
-			"galleryFilterHeading": "Yvqh9W_galleryFilterHeading",
 			"galleryToolbarActions": "Yvqh9W_galleryToolbarActions",
-			"historyTitle": "Yvqh9W_historyTitle",
-			"historyThumb": "Yvqh9W_historyThumb",
-			"gallerySort": "Yvqh9W_gallerySort",
-			"historyNew": "Yvqh9W_historyNew",
-			"comparisonFullscreenGrid": "Yvqh9W_comparisonFullscreenGrid",
-			"galleryImage": "Yvqh9W_galleryImage",
-			"taskTrayChevron": "Yvqh9W_taskTrayChevron",
-			"historyIconAction": "Yvqh9W_historyIconAction",
-			"ecommerceAssets": "Yvqh9W_ecommerceAssets",
-			"updateBanner": "Yvqh9W_updateBanner",
-			"lightboxImage": "Yvqh9W_lightboxImage",
-			"sessionTabLabel": "Yvqh9W_sessionTabLabel",
-			"view": "Yvqh9W_view",
-			"ecommerceRefRow": "Yvqh9W_ecommerceRefRow",
-			"galleryBadge": "Yvqh9W_galleryBadge",
-			"galleryTags": "Yvqh9W_galleryTags",
-			"galleryRemove": "Yvqh9W_galleryRemove",
-			"modePill": "Yvqh9W_modePill",
-			"lightboxActions": "Yvqh9W_lightboxActions",
 			"chatToggle": "Yvqh9W_chatToggle",
-			"optionRow": "Yvqh9W_optionRow",
-			"historyHeader": "Yvqh9W_historyHeader",
-			"config": "Yvqh9W_config",
+			"spinner": "Yvqh9W_spinner",
 			"ecommerceResultBadge": "Yvqh9W_ecommerceResultBadge",
-			"galleryCount": "Yvqh9W_galleryCount",
-			"sessionTab": "Yvqh9W_sessionTab",
+			"ecommerceGroupGrid": "Yvqh9W_ecommerceGroupGrid",
+			"canvasError": "Yvqh9W_canvasError",
+			"historyItem": "Yvqh9W_historyItem",
+			"ecommerceFooterHint": "Yvqh9W_ecommerceFooterHint",
+			"paramGroup": "Yvqh9W_paramGroup",
+			"download": "Yvqh9W_download",
+			"galleryTagEditor": "Yvqh9W_galleryTagEditor",
+			"dshImageGenSpin": "Yvqh9W_dshImageGenSpin",
 			"sessionTabIcon": "Yvqh9W_sessionTabIcon",
-			"ecommerceUploadHero": "Yvqh9W_ecommerceUploadHero",
-			"ecommerceResultsActions": "Yvqh9W_ecommerceResultsActions",
-			"configGuideBody": "Yvqh9W_configGuideBody",
-			"panel": "Yvqh9W_panel",
-			"prompt": "Yvqh9W_prompt",
-			"galleryFilterDivider": "Yvqh9W_galleryFilterDivider",
-			"galleryWorkspace": "Yvqh9W_galleryWorkspace",
-			"compareModelChoices": "Yvqh9W_compareModelChoices",
+			"connectionDot": "Yvqh9W_connectionDot",
+			"sessionTab": "Yvqh9W_sessionTab",
+			"taskRows": "Yvqh9W_taskRows",
 			"ecommercePlanMini": "Yvqh9W_ecommercePlanMini",
-			"historyEmpty": "Yvqh9W_historyEmpty",
+			"historyPrompt": "Yvqh9W_historyPrompt",
+			"historyActions": "Yvqh9W_historyActions",
+			"ecommerceUploadHero": "Yvqh9W_ecommerceUploadHero",
+			"modelMenu": "Yvqh9W_modelMenu",
 			"ecommerceAdvancedBody": "Yvqh9W_ecommerceAdvancedBody",
-			"galleryTagInput": "Yvqh9W_galleryTagInput",
-			"modelMenuList": "Yvqh9W_modelMenuList"
+			"ecommerceTaskActions": "Yvqh9W_ecommerceTaskActions",
+			"modelWrap": "Yvqh9W_modelWrap"
 		};
 		//#endregion
 		//#region src/client/ImageGenPanel.tsx
@@ -46799,97 +48879,97 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var settings_card_module_css_default = {
-			"spacer": "i1cc5G_spacer",
-			"editorClose": "i1cc5G_editorClose",
-			"editorField": "i1cc5G_editorField",
-			"modelBadge": "i1cc5G_modelBadge",
-			"modelRow": "i1cc5G_modelRow",
-			"detectOk": "i1cc5G_detectOk",
-			"inlineDisclosure": "i1cc5G_inlineDisclosure",
-			"discard": "i1cc5G_discard",
-			"editorDivider": "i1cc5G_editorDivider",
-			"input": "i1cc5G_input",
-			"modelCandidate": "i1cc5G_modelCandidate",
+			"channelAddRow": "i1cc5G_channelAddRow",
+			"editorTools": "i1cc5G_editorTools",
+			"channelControls": "i1cc5G_channelControls",
 			"presetMeta": "i1cc5G_presetMeta",
-			"footer": "i1cc5G_footer",
-			"sectionTitle": "i1cc5G_sectionTitle",
-			"modelRowBadges": "i1cc5G_modelRowBadges",
-			"select": "i1cc5G_select",
-			"inputInvalid": "i1cc5G_inputInvalid",
-			"modelChip": "i1cc5G_modelChip",
-			"editorSectionHeader": "i1cc5G_editorSectionHeader",
-			"channelRow": "i1cc5G_channelRow",
-			"modelCandidateLabel": "i1cc5G_modelCandidateLabel",
-			"save": "i1cc5G_save",
-			"modelFetchRow": "i1cc5G_modelFetchRow",
-			"failed": "i1cc5G_failed",
-			"versionValue": "i1cc5G_versionValue",
-			"channelName": "i1cc5G_channelName",
-			"modelRowRemove": "i1cc5G_modelRowRemove",
-			"hint": "i1cc5G_hint",
-			"channelMain": "i1cc5G_channelMain",
+			"channelAction": "i1cc5G_channelAction",
 			"versionRow": "i1cc5G_versionRow",
-			"channelEmpty": "i1cc5G_channelEmpty",
-			"field": "i1cc5G_field",
-			"invalid": "i1cc5G_invalid",
-			"modelSection": "i1cc5G_modelSection",
-			"modelSummary": "i1cc5G_modelSummary",
-			"channelMeta": "i1cc5G_channelMeta",
-			"badges": "i1cc5G_badges",
-			"addModel": "i1cc5G_addModel",
-			"presetName": "i1cc5G_presetName",
-			"sectionDivider": "i1cc5G_sectionDivider",
 			"presetHint": "i1cc5G_presetHint",
-			"readOnly": "i1cc5G_readOnly",
-			"body": "i1cc5G_body",
-			"textarea": "i1cc5G_textarea",
 			"chevronOpen": "i1cc5G_chevronOpen",
+			"readOnly": "i1cc5G_readOnly",
+			"inputInvalid": "i1cc5G_inputInvalid",
+			"badge": "i1cc5G_badge",
+			"modelSummary": "i1cc5G_modelSummary",
+			"channelDotReady": "i1cc5G_channelDotReady",
+			"description": "i1cc5G_description",
+			"versionValue": "i1cc5G_versionValue",
+			"failed": "i1cc5G_failed",
 			"channelDotWarn": "i1cc5G_channelDotWarn",
-			"pending": "i1cc5G_pending",
-			"label": "i1cc5G_label",
-			"channelSection": "i1cc5G_channelSection",
-			"modelChoices": "i1cc5G_modelChoices",
-			"sectionHeader": "i1cc5G_sectionHeader",
-			"chevron": "i1cc5G_chevron",
-			"versionLabel": "i1cc5G_versionLabel",
-			"editorTools": "i1cc5G_editorTools",
-			"channelAddRow": "i1cc5G_channelAddRow",
+			"channelRow": "i1cc5G_channelRow",
+			"channelHost": "i1cc5G_channelHost",
+			"modelSection": "i1cc5G_modelSection",
+			"editorClose": "i1cc5G_editorClose",
+			"channelList": "i1cc5G_channelList",
+			"spacer": "i1cc5G_spacer",
+			"name": "i1cc5G_name",
+			"presetInline": "i1cc5G_presetInline",
+			"editorHeader": "i1cc5G_editorHeader",
+			"disclosure": "i1cc5G_disclosure",
+			"badges": "i1cc5G_badges",
+			"modelCandidate": "i1cc5G_modelCandidate",
 			"editorPanel": "i1cc5G_editorPanel",
-			"modelRowInputs": "i1cc5G_modelRowInputs",
-			"header": "i1cc5G_header",
+			"modelFetch": "i1cc5G_modelFetch",
+			"editorSectionHeader": "i1cc5G_editorSectionHeader",
 			"reset": "i1cc5G_reset",
-			"editorHeader": "i1cc5G_editorHeader",
-			"channelHost": "i1cc5G_channelHost",
-			"optionalContent": "i1cc5G_optionalContent",
+			"footer": "i1cc5G_footer",
+			"pending": "i1cc5G_pending",
+			"label": "i1cc5G_label",
+			"head": "i1cc5G_head",
+			"textareaInvalid": "i1cc5G_textareaInvalid",
+			"modelRow": "i1cc5G_modelRow",
 			"presetInlineHeader": "i1cc5G_presetInlineHeader",
-			"sectionHint": "i1cc5G_sectionHint",
-			"presetList": "i1cc5G_presetList",
 			"presetRow": "i1cc5G_presetRow",
-			"description": "i1cc5G_description",
-			"name": "i1cc5G_name",
-			"editorFooter": "i1cc5G_editorFooter",
-			"channelAction": "i1cc5G_channelAction",
-			"channelBadge": "i1cc5G_channelBadge",
-			"textareaInvalid": "i1cc5G_textareaInvalid",
+			"notExposed": "i1cc5G_notExposed",
+			"modelRowBadges": "i1cc5G_modelRowBadges",
 			"channelDanger": "i1cc5G_channelDanger",
+			"save": "i1cc5G_save",
+			"textarea": "i1cc5G_textarea",
+			"modelRowRemove": "i1cc5G_modelRowRemove",
+			"header": "i1cc5G_header",
+			"modelCandidateLabel": "i1cc5G_modelCandidateLabel",
+			"discard": "i1cc5G_discard",
+			"modelChip": "i1cc5G_modelChip",
+			"modelChoices": "i1cc5G_modelChoices",
+			"headText": "i1cc5G_headText",
 			"modelRows": "i1cc5G_modelRows",
-			"channelList": "i1cc5G_channelList",
+			"modelRowInputs": "i1cc5G_modelRowInputs",
+			"editorBackdrop": "i1cc5G_editorBackdrop",
+			"channelBadge": "i1cc5G_channelBadge",
+			"modelBadge": "i1cc5G_modelBadge",
 			"manualModelRow": "i1cc5G_manualModelRow",
-			"channelAdd": "i1cc5G_channelAdd",
-			"channelControls": "i1cc5G_channelControls",
-			"notExposed": "i1cc5G_notExposed",
-			"disclosure": "i1cc5G_disclosure",
-			"badge": "i1cc5G_badge",
-			"head": "i1cc5G_head",
-			"deleteConfirmText": "i1cc5G_deleteConfirmText",
-			"modelFetch": "i1cc5G_modelFetch",
-			"channelDotReady": "i1cc5G_channelDotReady",
-			"headText": "i1cc5G_headText",
+			"hint": "i1cc5G_hint",
 			"modelArrow": "i1cc5G_modelArrow",
-			"presetInline": "i1cc5G_presetInline",
+			"sectionDivider": "i1cc5G_sectionDivider",
+			"presetList": "i1cc5G_presetList",
+			"chevron": "i1cc5G_chevron",
+			"invalid": "i1cc5G_invalid",
+			"channelName": "i1cc5G_channelName",
+			"channelSection": "i1cc5G_channelSection",
+			"editorDivider": "i1cc5G_editorDivider",
+			"sectionHint": "i1cc5G_sectionHint",
+			"versionLabel": "i1cc5G_versionLabel",
+			"editorFooter": "i1cc5G_editorFooter",
+			"channelMain": "i1cc5G_channelMain",
+			"channelMeta": "i1cc5G_channelMeta",
+			"select": "i1cc5G_select",
+			"field": "i1cc5G_field",
+			"modelFetchRow": "i1cc5G_modelFetchRow",
+			"sectionTitle": "i1cc5G_sectionTitle",
+			"channelEmpty": "i1cc5G_channelEmpty",
+			"sectionHeader": "i1cc5G_sectionHeader",
+			"addModel": "i1cc5G_addModel",
 			"modelCandidateList": "i1cc5G_modelCandidateList",
-			"editorBackdrop": "i1cc5G_editorBackdrop",
-			"card": "i1cc5G_card"
+			"channelAdd": "i1cc5G_channelAdd",
+			"inlineDisclosure": "i1cc5G_inlineDisclosure",
+			"editorField": "i1cc5G_editorField",
+			"optionalContent": "i1cc5G_optionalContent",
+			"body": "i1cc5G_body",
+			"input": "i1cc5G_input",
+			"deleteConfirmText": "i1cc5G_deleteConfirmText",
+			"detectOk": "i1cc5G_detectOk",
+			"card": "i1cc5G_card",
+			"presetName": "i1cc5G_presetName"
 		};
 		//#endregion
 		//#region src/client/SettingsCard.tsx
@@ -48371,16 +50451,16 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var image_toolview_module_css_default = {
-			"header": "_3eGrYG_header",
 			"images": "_3eGrYG_images",
-			"error": "_3eGrYG_error",
-			"icon": "_3eGrYG_icon",
+			"status": "_3eGrYG_status",
 			"message": "_3eGrYG_message",
+			"error": "_3eGrYG_error",
 			"image": "_3eGrYG_image",
+			"icon": "_3eGrYG_icon",
+			"header": "_3eGrYG_header",
 			"loading": "_3eGrYG_loading",
-			"status": "_3eGrYG_status",
-			"root": "_3eGrYG_root",
-			"imageLink": "_3eGrYG_imageLink"
+			"imageLink": "_3eGrYG_imageLink",
+			"root": "_3eGrYG_root"
 		};
 		//#endregion
 		//#region src/client/image-toolview.tsx