@forgeax/view 0.5.0-dev.13472.92dbf4b81984 → 0.5.0-dev.13601.16969c83ee09

package/dist/modules/embedded.mjs

@@ -1,40 +1,40 @@
 import {
   mountAssetPropertiesPanel
-} from "./chunks/chunk-UAGQZPAB.mjs";
+} from "./chunks/chunk-2Z5KEV6L.mjs";
 import {
   mountTexturePreviewPanel,
   mountTexturePropertiesPanel
-} from "./chunks/chunk-7R6CGQDU.mjs";
+} from "./chunks/chunk-VW2ZF3P4.mjs";
 import "./chunks/chunk-LJWOHJ5J.mjs";
 import "./chunks/chunk-R6BDHFU3.mjs";
 import {
   mountMaterialPanel,
   mountMaterialPreviewPanel,
   mountMaterialPropertiesPanel
-} from "./chunks/chunk-2VJPRNYB.mjs";
+} from "./chunks/chunk-IZAHIOFU.mjs";
 import {
   mountMeshPreviewPanel,
   mountMeshPropertiesPanel
-} from "./chunks/chunk-4NGODRIE.mjs";
+} from "./chunks/chunk-46UEGAXY.mjs";
 import "./chunks/chunk-KZUXFEY4.mjs";
 import {
   mountSceneTreePanel
-} from "./chunks/chunk-3Q26HNFS.mjs";
+} from "./chunks/chunk-FICPCJKR.mjs";
 import "./chunks/chunk-NLPIM3SO.mjs";
 import "./chunks/chunk-LPWEUDT5.mjs";
 import "./chunks/chunk-DVMSDYK7.mjs";
 import {
   mountPluginsPanel
-} from "./chunks/chunk-M5X56JWH.mjs";
-import "./chunks/chunk-ACOMGSSB.mjs";
+} from "./chunks/chunk-PW5CE2Y6.mjs";
+import "./chunks/chunk-5PHAXNFO.mjs";
 import {
   mountInspectorPanel
-} from "./chunks/chunk-UZHTLAIZ.mjs";
+} from "./chunks/chunk-47RJSHLM.mjs";
 import "./chunks/chunk-YHX6NYXX.mjs";
 import "./chunks/chunk-C7KUVPDA.mjs";
 import {
   mountContentBrowserPanel
-} from "./chunks/chunk-7ICJKZYO.mjs";
+} from "./chunks/chunk-VKNIYV2W.mjs";
 import "./chunks/chunk-B65OFRMW.mjs";
 import {
   Button,
@@ -54,7 +54,7 @@ import {
   showErrorNotice,
   themeNames,
   useTheme
-} from "./chunks/chunk-FKLYSAVN.mjs";
+} from "./chunks/chunk-CXOD7FW6.mjs";
 import "./chunks/chunk-LV4USO43.mjs";
 import "./chunks/chunk-ABRO535N.mjs";
 import "./chunks/chunk-GRSJED6K.mjs";
@@ -84,20 +84,20 @@ import {
   createViewSlotRegistry
 } from "./chunks/chunk-GQOXQ4AV.mjs";
 import "./chunks/chunk-INTTYJVW.mjs";
-import "./chunks/chunk-AIIYGGGC.mjs";
-import "./chunks/chunk-CWNB67UF.mjs";
+import "./chunks/chunk-X4NNZ5X6.mjs";
+import "./chunks/chunk-FMCHH5R4.mjs";
 import {
   PANEL_LAYOUT as PANEL_LAYOUT3
 } from "./chunks/chunk-STQPRNEO.mjs";
-import "./chunks/chunk-OHVTNEQ2.mjs";
+import "./chunks/chunk-PZIAKZJC.mjs";
 import {
   PANEL_LAYOUT
 } from "./chunks/chunk-QUFVUMSY.mjs";
 import {
   PANEL_LAYOUT as PANEL_LAYOUT2
 } from "./chunks/chunk-HRKW766Y.mjs";
-import "./chunks/chunk-BGK4ZEQ5.mjs";
-import "./chunks/chunk-45ZU2HHR.mjs";
+import "./chunks/chunk-KX2WU5Z6.mjs";
+import "./chunks/chunk-B6QUJ33G.mjs";
 import "./chunks/chunk-PJFFCRRD.mjs";
 import "./chunks/chunk-IM3H4F4X.mjs";
 import {
@@ -17662,6 +17662,13 @@ var ANIM_CLASS = "fx-edge-drawer-animating";
 var ENSURED_EDGES = ["left", "right", "bottom"];
 var PORTAL_HOST_CLASS = "fx-edge-drawer-portal-host";
 var FLYOUT_CLASS = "fx-edge-drawer-flyout";
+var BOTTOM_SPAN_CLASS = "fx-bottom-edge-spanning";
+var BOTTOM_SPAN_VARS = [
+  "--fx-bottom-edge-left",
+  "--fx-bottom-edge-bottom",
+  "--fx-bottom-edge-width",
+  "--fx-bottom-edge-height"
+];
 var DRAWER_VAR_NAMES = [
   "--fx-edge-drawer-width",
   "--fx-edge-drawer-height",
@@ -17989,6 +17996,39 @@ function installEdgeDrawer(api, root) {
       }
     }
   };
+  let bottomSpanSlot = null;
+  const clearBottomSpan = () => {
+    bottomSpanSlot?.classList.remove(BOTTOM_SPAN_CLASS);
+    bottomSpanSlot = null;
+    for (const name of BOTTOM_SPAN_VARS) root.style.removeProperty(name);
+  };
+  const syncBottomSpan = () => {
+    const group = edgeGroups(api).find((candidate) => edgeOf(candidate) === "bottom");
+    const slot = group?.element.parentElement;
+    const host = root.getBoundingClientRect();
+    if (!group || !(slot instanceof HTMLElement) || !group.panels.length || host.width <= 0) {
+      clearBottomSpan();
+      return;
+    }
+    if (bottomSpanSlot !== slot) {
+      bottomSpanSlot?.classList.remove(BOTTOM_SPAN_CLASS);
+      bottomSpanSlot = slot;
+    }
+    const strip = slot.getBoundingClientRect();
+    root.style.setProperty("--fx-bottom-edge-left", `${host.left}px`);
+    root.style.setProperty("--fx-bottom-edge-bottom", `${window.innerHeight - host.bottom}px`);
+    root.style.setProperty("--fx-bottom-edge-width", `${host.width}px`);
+    root.style.setProperty("--fx-bottom-edge-height", `${strip.height}px`);
+    slot.classList.add(BOTTOM_SPAN_CLASS);
+  };
+  let bottomSpanFrame = null;
+  const scheduleBottomSpan = () => {
+    if (bottomSpanFrame !== null) cancelAnimationFrame(bottomSpanFrame);
+    bottomSpanFrame = requestAnimationFrame(() => {
+      bottomSpanFrame = null;
+      syncBottomSpan();
+    });
+  };
   const onClickCapture = (event) => {
     const target = event.target;
     const tabEl = target?.closest(".dv-tab");
@@ -18089,12 +18129,14 @@ function installEdgeDrawer(api, root) {
   const onDragEnd = () => clearEdgeDropPreview(api);
   ensureEdgeSlots();
   syncEmptyEdges();
+  syncBottomSpan();
   root.addEventListener("click", onClickCapture, true);
   document.addEventListener("pointerdown", onOutside, true);
   document.addEventListener("dragend", onDragEnd, true);
   document.addEventListener("drop", onDragEnd, true);
   const layoutSub = api.onDidLayoutChange?.(() => {
     syncEmptyEdges();
+    scheduleBottomSpan();
     if (openGroup) {
       positionDrawer(openGroup);
       if (portaledFlyout && drawerPortalHost) {
@@ -18106,7 +18148,12 @@ function installEdgeDrawer(api, root) {
       }
     }
   });
-  const panelSub = api.onDidRemovePanel?.(() => syncEmptyEdges());
+  const panelSub = api.onDidRemovePanel?.(() => {
+    syncEmptyEdges();
+    scheduleBottomSpan();
+  });
+  const hostResize = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(scheduleBottomSpan);
+  hostResize?.observe(root);
   return {
     close,
     forceClose,
@@ -18116,6 +18163,7 @@ function installEdgeDrawer(api, root) {
     pinPanel,
     unpinPanel,
     onWillDrop,
+    refreshBottomSpan: scheduleBottomSpan,
     dispose: () => {
       gripResize.dispose();
       forceClose();
@@ -18132,6 +18180,9 @@ function installEdgeDrawer(api, root) {
       document.removeEventListener("drop", onDragEnd, true);
       layoutSub?.dispose?.();
       panelSub?.dispose?.();
+      hostResize?.disconnect();
+      if (bottomSpanFrame !== null) cancelAnimationFrame(bottomSpanFrame);
+      clearBottomSpan();
     }
   };
 }
@@ -19828,6 +19879,7 @@ function WorkspaceProjectRecovery({ client, required }) {
     Dialog,
     {
       open: true,
+      modal: false,
       dismissible: false,
       className: "fx-view-project-open",
       title: t2("view.projectOpen.title"),
@@ -19974,6 +20026,7 @@ function pageIdFor(pageType) {
 function useViewPages(pageTypes, titleFor) {
   const [pages, setPages] = useState4([]);
   const [activePageId, setActivePageId] = useState4(null);
+  const explicitlySelected = useRef4(false);
   const typesById = useMemo3(
     () => new Map(pageTypes.map((pageType) => [pageType.typeId, pageType])),
     [pageTypes]
@@ -19986,22 +20039,33 @@ function useViewPages(pageTypes, titleFor) {
       });
       for (const pageType of pageTypes) {
         if (pageType.initial && !next.some((page) => page.typeId === pageType.typeId)) {
-          next.push({
+          const page = {
             id: pageIdFor(pageType),
             title: titleFor(pageType),
             typeId: pageType.typeId,
             closable: pageType.closable
+          };
+          const index = next.findIndex((existing) => {
+            const type = typesById.get(existing.typeId);
+            return type && (type.order > pageType.order || type.order === pageType.order && type.typeId > pageType.typeId);
           });
+          next.splice(index < 0 ? next.length : index, 0, page);
         }
       }
       return next;
     });
   }, [pageTypes, titleFor, typesById]);
   useEffect5(() => {
+    const scene = pages.find((page) => page.typeId === VIEW_PAGE_TYPES.editor);
+    if (scene && !explicitlySelected.current && activePageId !== scene.id) {
+      setActivePageId(scene.id);
+      return;
+    }
     if (pages.some((page) => page.id === activePageId)) return;
     setActivePageId(pages[0]?.id ?? null);
   }, [activePageId, pages]);
   const selectPage = useCallback4((pageId) => {
+    explicitlySelected.current = true;
     setActivePageId(pageId);
   }, []);
   const closePage = useCallback4(
@@ -20019,6 +20083,7 @@ function useViewPages(pageTypes, titleFor) {
     [activePageId]
   );
   const closeOthers = useCallback4((pageId) => {
+    explicitlySelected.current = true;
     setPages((current) => current.filter((page) => page.id === pageId || page.closable === false));
     setActivePageId(pageId);
   }, []);
@@ -20050,6 +20115,7 @@ function useViewPages(pageTypes, titleFor) {
       singleton: pageType?.singleton === true
     }, { level: plan.action === "none" ? "warn" : "info" });
     if (plan.action === "focus") {
+      explicitlySelected.current = true;
       setActivePageId(plan.pageId);
       return;
     }
@@ -20059,6 +20125,7 @@ function useViewPages(pageTypes, titleFor) {
       ...current,
       { id, title: titleFor(pageType), typeId, closable: pageType.closable }
     ]);
+    explicitlySelected.current = true;
     setActivePageId(id);
   }, [pages, titleFor, typesById]);
   const activePage = useMemo3(
@@ -20337,6 +20404,7 @@ function DockPageWorkbench({
     const availableWidth = dockExtent.width > 0 ? dockExtent.width : dockHostRef.current?.clientWidth ?? workbenchRef.current?.clientWidth ?? 0;
     const availableHeight = dockExtent.height > 0 ? dockExtent.height : dockHostRef.current?.clientHeight ?? workbenchRef.current?.clientHeight ?? 0;
     if (availableWidth > 0 && availableHeight > 0) api.layout(availableWidth, availableHeight);
+    const hadContentBrowser = Boolean(api.getPanel("content-browser"));
     reconcileDockPanels(api, claims, {
       titleFor: titleForClaim,
       attach: (id) => {
@@ -20353,6 +20421,17 @@ function DockPageWorkbench({
         closeEdgeDrawer: () => edgeDrawerRef.current?.forceClose()
       });
     }
+    if (!hadContentBrowser) {
+      const panel = api.getPanel("content-browser");
+      const bottom = api.groups.find((group) => group.api.location.type === "edge" && group.api.location.position === "bottom");
+      if (panel && bottom) {
+        panel.api.moveTo({ group: bottom, position: "center" });
+        bottom.element.classList.remove("fx-edge-empty");
+        api.setEdgeGroupVisible?.("bottom", true);
+        bottom.api.collapse?.();
+        edgeDrawerRef.current?.refreshBottomSpan();
+      }
+    }
     for (const claim of claims) {
       if (claim.dockTitleHidden !== true) continue;
       const panel = api.getPanel(claim.id);
@@ -20745,10 +20824,10 @@ __export(panels_exports, {
 });
 
 // packages/viewer/src/styles.css
-var css3 = '/* packages/viewer/src/styles.css */\n:root {\n  font-family: var(--fx-type-ui-font-family);\n  font-size: var(--fx-type-ui-font-size);\n  line-height: var(--fx-type-ui-line-height);\n}\nhtml,\nbody {\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  background: var(--fx-color-surface-canvas);\n  color: var(--fx-color-text-primary);\n}\n#root {\n  position: relative;\n  height: 100%;\n  min-height: 0;\n  overflow: hidden;\n}\n.fx-view-root.fx-ui {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  overflow: hidden;\n  --fx-view-shell-chrome-height: calc(var(--fx-component-editor-row-height) + var(--fx-component-navigation-row-height));\n  --fx-view-header-band-height: var(--fx-component-editor-row-height);\n  --fx-view-unconfigured-offset: calc(var(--fx-ref-space-48) * 2 + var(--fx-ref-space-8) - var(--fx-ref-space-6));\n}\n.fx-view-header__recovery-feedback {\n  width: 100%;\n  min-width: 0;\n  padding: 0 var(--fx-ref-space-10);\n  align-items: center;\n  border-radius: var(--fx-radius-control);\n}\n.fx-view-header__recovery-feedback .fx-feedback__body {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  min-width: 0;\n}\n.fx-view-header__recovery-feedback .fx-feedback__body strong {\n  font: var(--fx-type-compact-font-weight) var(--fx-type-compact-font-size) / var(--fx-type-compact-line-height) var(--fx-type-compact-font-family);\n}\n.fx-view-header__connection-status {\n  position: relative;\n  display: inline-flex;\n  flex-shrink: 0;\n  flex-direction: column;\n  align-items: flex-end;\n}\n.fx-view-connection-state {\n  position: absolute;\n  top: var(--fx-view-shell-chrome-height);\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 40;\n  display: grid;\n  place-items: center;\n  overflow: auto;\n  padding: var(--fx-space-section);\n  background: var(--fx-color-surface-canvas);\n  box-sizing: border-box;\n}\n.fx-view-connection-state > .fx-empty {\n  width: min(100%, calc(var(--fx-component-panel-chat-min-width) + var(--fx-ref-space-48) + var(--fx-ref-space-32)));\n  min-height: calc(var(--fx-ref-space-48) * 5 + var(--fx-ref-space-16) + var(--fx-ref-space-4));\n  border: var(--fx-border-width) solid var(--fx-color-border-subtle);\n  border-radius: var(--fx-radius-card);\n  background: var(--fx-color-surface-sidebar);\n  box-shadow: var(--fx-shadow-card);\n  box-sizing: border-box;\n}\n.fx-view-connection-state__icon {\n  width: var(--fx-component-control-height-default);\n  height: var(--fx-component-control-height-default);\n  color: var(--fx-color-status-error-fg);\n  stroke-width: 1.5;\n}\n.fx-view-connection-state__description {\n  display: grid;\n  gap: var(--fx-ref-space-8);\n}\n.fx-view-connection-state__command {\n  padding: var(--fx-border-width) var(--fx-ref-space-4);\n  border-radius: var(--fx-ref-radius-4);\n  background: var(--fx-color-surface-inset);\n  color: var(--fx-color-text-primary);\n  font-family: var(--fx-type-code-font-family);\n  font-size: inherit;\n  white-space: nowrap;\n}\n.fx-view-connection-state__reason {\n  display: block;\n  max-width: var(--fx-component-conversation-max-width);\n  padding: var(--fx-ref-space-6) var(--fx-ref-space-8);\n  border-radius: var(--fx-ref-radius-4);\n  background: var(--fx-color-surface-inset);\n  color: var(--fx-color-text-muted);\n  font-size: var(--fx-ref-font-size-12);\n  overflow-wrap: anywhere;\n}\n.fx-view-root > .fx-view-app {\n  flex: 1 1 auto;\n  min-height: 0;\n}\n.fx-view-app {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n.fx-view-app > .fx-page-tab-strip {\n  flex: 0 0 auto;\n}\n.fx-view-header {\n  position: relative;\n  z-index: 20;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex: 0 0 var(--fx-view-header-band-height);\n  height: var(--fx-view-header-band-height);\n  padding: 0 var(--fx-ref-space-12);\n  border-bottom: var(--fx-border-width) solid var(--fx-color-border-subtle);\n  background: var(--fx-color-surface-sidebar);\n  box-sizing: border-box;\n  user-select: none;\n}\n.fx-view-brand {\n  display: flex;\n  align-items: center;\n  gap: var(--fx-ref-space-8);\n  min-width: calc(var(--fx-component-panel-config-min-width) - var(--fx-ref-space-48) - var(--fx-ref-space-8));\n  color: var(--fx-color-text-primary);\n}\n.fx-view-brand strong {\n  font-weight: var(--fx-ref-font-weight-600);\n}\n.fx-view-header__status-slot {\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: var(--fx-component-control-height-compact);\n  height: var(--fx-component-control-height-compact);\n}\n.fx-view-header__status-dot {\n  width: var(--fx-ref-space-6);\n  height: var(--fx-ref-space-6);\n  border-radius: var(--fx-radius-pill);\n  background: var(--fx-color-status-success-fg);\n}\n.fx-view-header__status-dot--connected {\n  background: var(--fx-color-status-success-fg);\n}\n.fx-view-header__status-dot--connecting {\n  background: var(--fx-color-status-warning-fg);\n  animation: fx-view-host-status-pulse 1.4s ease-in-out infinite;\n}\n.fx-view-header__status-dot--failed {\n  background: var(--fx-color-status-error-fg);\n}\n@keyframes fx-view-host-status-pulse {\n  0%, 100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.45;\n  }\n}\n.fx-view-header__status-slot:focus-visible {\n  outline: var(--fx-border-width) solid var(--fx-color-border-focus);\n  outline-offset: var(--fx-ref-space-2);\n  border-radius: var(--fx-radius-control);\n}\n.fx-view-unconfigured {\n  position: absolute;\n  right: var(--fx-view-unconfigured-offset);\n  padding: var(--fx-ref-space-2) var(--fx-ref-space-6);\n  border: var(--fx-border-width) solid var(--fx-color-status-warning-fg);\n  border-radius: var(--fx-ref-radius-4);\n  background: var(--fx-color-status-warning-bg);\n  color: var(--fx-color-status-warning-fg);\n  font-family: var(--fx-type-code-font-family);\n  font-size: var(--fx-ref-font-size-12);\n  line-height: var(--fx-type-caption-line-height);\n  letter-spacing: var(--fx-type-caption-letter-spacing);\n}\n.fx-view-header__prefs {\n  display: flex;\n  align-items: center;\n  gap: var(--fx-ref-space-4);\n}\n.fx-locale-trigger {\n  min-width: var(--fx-ref-space-16);\n  font: var(--fx-type-caption-font-weight) var(--fx-type-caption-font-size)/ var(--fx-type-caption-line-height) var(--fx-type-caption-font-family);\n  letter-spacing: 0.04em;\n}\n.fx-view-main-col {\n  flex: 1;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  min-width: 0;\n  overflow: hidden;\n}\n.fx-view-project-restoring {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--fx-ref-space-4);\n  padding: var(--fx-ref-space-8);\n  text-align: center;\n}\n.fx-view-workspace-row {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  min-height: 0;\n  width: 100%;\n  overflow: hidden;\n  background: var(--fx-color-surface-canvas);\n  visibility: hidden;\n  pointer-events: none;\n}\n.fx-view-workspace-row.is-active {\n  visibility: visible;\n  pointer-events: auto;\n}\n.fx-view-workspace-row[hidden] {\n  display: none;\n}\n.fx-view-page-surface {\n  flex: 1;\n  display: grid;\n  align-content: start;\n  gap: var(--fx-ref-space-8);\n  padding: var(--fx-space-section);\n  min-height: 0;\n  overflow: auto;\n}\n.fx-view-workbench {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n}\n.fx-view-dockview-host {\n  position: relative;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  --fx-edge-drawer-z: 1000;\n}\n.fx-view-dockview-host,\n.fx-view-dockview-host .dv-shell.dockview-theme-abyss {\n  --fx-dock-container-background: var(--fx-color-surface-canvas);\n  --fx-dock-panel-background: var(--fx-color-surface-sidebar);\n  --dv-background-color: var(--fx-dock-container-background);\n  --dv-group-view-background-color: var(--fx-dock-panel-background);\n  --dv-tabs-and-actions-container-background-color: var(--fx-color-surface-inset);\n  --dv-activegroup-visiblepanel-tab-background-color: var(--fx-dock-panel-background);\n  --dv-activegroup-hiddenpanel-tab-background-color: var(--fx-color-surface-inset);\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(--fx-dock-panel-background);\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(--fx-color-surface-raised);\n  --dv-activegroup-visiblepanel-tab-color: var(--fx-color-text-primary);\n  --dv-activegroup-hiddenpanel-tab-color: var(--fx-color-text-secondary);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--fx-color-text-primary);\n  --dv-inactivegroup-hiddenpanel-tab-color: var(--fx-color-text-muted);\n  --dv-tab-divider-color: var(--fx-color-border-subtle);\n  --dv-separator-border: var(--fx-color-border-subtle);\n  --dv-active-sash-color: transparent;\n  --dv-paneview-active-outline-color: var(--fx-color-brand-accent);\n  --dv-drag-over-background-color: var(--fx-color-brand-soft);\n  --dv-drag-over-border-color: var(--fx-color-brand-accent);\n  --dv-floating-border: none;\n  --dv-floating-group-border: none;\n  --dv-context-menu-background-color: var(--fx-color-surface-raised);\n  --dv-context-menu-color: var(--fx-color-text-secondary);\n  --dv-color-abyss-dark: var(--fx-color-surface-sidebar);\n  --dv-color-abyss: var(--fx-color-surface-inset);\n  --dv-color-abyss-light: var(--fx-color-surface-raised);\n  --dv-color-abyss-lighter: var(--fx-color-surface-raised);\n  --dv-color-abyss-accent: var(--fx-color-brand-accent);\n}\n.fx-view-workbench .dv-groupview-edge {\n  --fx-dock-panel-background: var(--fx-color-surface-sidebar);\n  --dv-color-abyss-dark: var(--fx-color-surface-sidebar);\n  --dv-color-abyss: var(--fx-color-surface-inset);\n  --dv-color-abyss-light: var(--fx-color-surface-inset);\n  --dv-color-abyss-lighter: var(--fx-color-surface-raised);\n  --dv-color-abyss-accent: var(--fx-color-brand-accent);\n  --dv-group-view-background-color: var(--fx-dock-panel-background);\n  --dv-tabs-and-actions-container-background-color: var(--fx-color-surface-inset);\n  --dv-activegroup-visiblepanel-tab-background-color: var(--fx-dock-panel-background);\n  --dv-activegroup-hiddenpanel-tab-background-color: var(--fx-color-surface-inset);\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(--fx-dock-panel-background);\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(--fx-color-surface-raised);\n  --dv-activegroup-visiblepanel-tab-color: var(--fx-color-text-primary);\n  --dv-activegroup-hiddenpanel-tab-color: var(--fx-color-text-secondary);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--fx-color-text-primary);\n  --dv-inactivegroup-hiddenpanel-tab-color: var(--fx-color-text-muted);\n  --dv-tab-divider-color: var(--fx-color-border-subtle);\n  --dv-separator-border: var(--fx-color-border-subtle);\n  --dv-context-menu-background-color: var(--fx-color-surface-raised);\n  --dv-context-menu-color: var(--fx-color-text-secondary);\n}\n.fx-edge-drawer-portal-host {\n  position: fixed;\n  inset: 0;\n  pointer-events: none;\n  z-index: 50;\n  --fx-edge-drawer-z: 1000;\n  --fx-dock-panel-background: var(--fx-color-surface-sidebar);\n  --dv-color-abyss-dark: var(--fx-color-surface-sidebar);\n  --dv-color-abyss: var(--fx-color-surface-inset);\n  --dv-color-abyss-light: var(--fx-color-surface-inset);\n  --dv-color-abyss-lighter: var(--fx-color-surface-raised);\n  --dv-color-abyss-accent: var(--fx-color-brand-accent);\n  --dv-group-view-background-color: var(--fx-dock-panel-background);\n  --dv-tabs-and-actions-container-background-color: var(--fx-color-surface-inset);\n  --dv-activegroup-visiblepanel-tab-background-color: var(--fx-dock-panel-background);\n  --dv-activegroup-hiddenpanel-tab-background-color: var(--fx-color-surface-inset);\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(--fx-dock-panel-background);\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(--fx-color-surface-raised);\n  --dv-activegroup-visiblepanel-tab-color: var(--fx-color-text-primary);\n  --dv-activegroup-hiddenpanel-tab-color: var(--fx-color-text-secondary);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--fx-color-text-primary);\n  --dv-inactivegroup-hiddenpanel-tab-color: var(--fx-color-text-muted);\n  --dv-tab-divider-color: var(--fx-color-border-subtle);\n  --dv-separator-border: var(--fx-color-border-subtle);\n  --dv-context-menu-background-color: var(--fx-color-surface-raised);\n  --dv-context-menu-color: var(--fx-color-text-secondary);\n}\n.fx-view-dockview {\n  width: 100%;\n  height: 100%;\n}\n.fx-view-dockview-host .fx-view-dockview .dv-dockview {\n  --dv-separator-border: transparent;\n  background-color: var(--fx-dock-container-background, var(--fx-color-surface-canvas));\n}\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-groupview:not(.dv-groupview-edge),\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .groupview:not(.groupview-edge) {\n  border: 0 !important;\n  outline: 0;\n  box-shadow: none;\n}\n.fx-view-dockview-host .dv-shell > .dv-split-view-container.dv-separator-border > .dv-view-container > .dv-view:not(:first-child)::before,\n.fx-view-dockview-host .dv-shell-middle-column > .dv-split-view-container.dv-separator-border > .dv-view-container > .dv-view:not(:first-child)::before {\n  display: none;\n}\n.fx-view-dockview .dv-tabs-and-actions-container {\n  height: calc(var(--fx-component-navigation-row-height) - var(--fx-ref-space-6));\n  min-height: calc(var(--fx-component-navigation-row-height) - var(--fx-ref-space-6));\n  border-bottom: var(--fx-border-width) solid var(--fx-color-border-subtle);\n}\n.fx-view-dockview .dv-tab {\n  border-radius: var(--fx-ref-radius-4) var(--fx-ref-radius-4) 0 0 !important;\n  font-size: var(--fx-ref-font-size-12);\n  letter-spacing: var(--fx-type-caption-letter-spacing);\n}\n.fx-view-dockview .dv-groupview:not(.dv-groupview-edge) .fx-dock-tab {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: var(--fx-ref-space-6);\n}\n.fx-view-dockview .dv-groupview:not(.dv-groupview-edge) .fx-dock-tab .dv-default-tab-content {\n  display: block;\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  color: inherit;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.fx-view-dockview .fx-dock-tab-icon {\n  flex: 0 0 auto;\n  color: var(--fx-color-text-muted);\n}\n.fx-view-dockview .dv-tab.dv-active-tab .fx-dock-tab-icon {\n  color: var(--fx-color-text-secondary);\n}\n.fx-view-dockview .fx-dock-tab .dv-default-tab-action {\n  display: grid;\n  place-items: center;\n  width: calc(var(--fx-ref-space-16) + var(--fx-ref-space-2));\n  height: calc(var(--fx-ref-space-16) + var(--fx-ref-space-2));\n  min-height: calc(var(--fx-ref-space-16) + var(--fx-ref-space-2));\n  margin-left: var(--fx-ref-space-2);\n  padding: 0;\n  border: 0;\n  border-radius: var(--fx-ref-radius-4);\n  color: var(--fx-color-text-muted);\n}\n.fx-view-dockview .fx-dock-tab .dv-default-tab-action:hover {\n  background: var(--fx-color-surface-hover);\n  color: var(--fx-color-text-primary);\n}\n.fx-view-dockview .fx-dock-tab .dv-default-tab-action.fx-edge-pin--on {\n  color: var(--fx-color-brand-accent);\n}\n.fx-view-dockview-host .dv-tab:focus-within::after,\n.fx-view-dockview-host .dv-tab:focus::after {\n  content: none;\n}\n.fx-view-dockview-host .dv-groupview.dv-active-group:not(.dv-groupview-edge) > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab,\n.fx-view-workbench .dv-groupview-edge.fx-edge-drawer-open.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.fx-view-dockview-host .dv-groupview.dv-active-group:not(.dv-groupview-edge) > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::before,\n.fx-view-workbench .dv-groupview-edge.fx-edge-drawer-open.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::before {\n  content: "";\n  position: absolute;\n  pointer-events: none;\n  z-index: 2;\n  background:\n    linear-gradient(\n      90deg,\n      transparent 0%,\n      color-mix(in srgb, var(--fx-color-brand-accent) 55%, transparent) 22%,\n      var(--fx-color-brand-accent) 50%,\n      color-mix(in srgb, var(--fx-color-brand-accent) 55%, transparent) 78%,\n      transparent 100%);\n  left: 0;\n  right: 0;\n  top: 1px;\n  height: 1px;\n  width: auto;\n}\n.fx-view-workbench .dv-groupview-edge.fx-edge-drawer-open.dv-active-group.dv-groupview-header-left > .dv-tabs-and-actions-container .dv-tabs-container.dv-tabs-container-vertical > .dv-tab.dv-active-tab::before {\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: auto;\n  width: 1px;\n  height: auto;\n  background:\n    linear-gradient(\n      180deg,\n      transparent 0%,\n      color-mix(in srgb, var(--fx-color-brand-accent) 55%, transparent) 22%,\n      var(--fx-color-brand-accent) 50%,\n      color-mix(in srgb, var(--fx-color-brand-accent) 55%, transparent) 78%,\n      transparent 100%);\n}\n.fx-view-workbench .dv-groupview-edge.fx-edge-drawer-open.dv-active-group.dv-groupview-header-right > .dv-tabs-and-actions-container .dv-tabs-container.dv-tabs-container-vertical > .dv-tab.dv-active-tab::before {\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: auto;\n  width: 1px;\n  height: auto;\n  background:\n    linear-gradient(\n      180deg,\n      transparent 0%,\n      color-mix(in srgb, var(--fx-color-brand-accent) 55%, transparent) 22%,\n      var(--fx-color-brand-accent) 50%,\n      color-mix(in srgb, var(--fx-color-brand-accent) 55%, transparent) 78%,\n      transparent 100%);\n}\n.fx-view-workbench .dv-groupview-edge .dv-tabs-container.dv-tabs-container-vertical {\n  text-orientation: sideways;\n  padding-top: var(--fx-ref-space-6);\n}\n.fx-view-workbench .dv-groupview-edge .dv-default-tab .dv-default-tab-content {\n  margin: 0;\n  padding: var(--fx-ref-space-2) 0;\n}\n.fx-view-workbench .dv-groupview-edge.dv-active-group:not(.fx-edge-drawer-open) > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);\n  color: var(--dv-activegroup-hiddenpanel-tab-color);\n}\n.fx-view-workbench .dv-groupview-edge.dv-inactive-group:not(.fx-edge-drawer-open) > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  background-color: var(--dv-inactivegroup-hiddenpanel-tab-background-color);\n  color: var(--dv-inactivegroup-hiddenpanel-tab-color);\n}\n.fx-view-workbench .dv-groupview-edge.fx-edge-empty {\n  visibility: hidden;\n  pointer-events: none;\n}\n.fx-view-workbench .dv-groupview-edge .dv-tabs-container.dv-tabs-container-vertical > .dv-tab {\n  min-height: 104px;\n  padding: var(--fx-ref-space-10) var(--fx-ref-space-6);\n  box-sizing: border-box;\n}\n.fx-view-workbench .dv-groupview-edge .dv-tabs-container:not(.dv-tabs-container-vertical) > .dv-tab {\n  min-width: 104px;\n  padding: var(--fx-ref-space-6) var(--fx-ref-space-12);\n  box-sizing: border-box;\n}\n.fx-view-workbench .dv-groupview-edge .dv-default-tab {\n  padding: var(--fx-ref-space-4) var(--fx-ref-space-2);\n  gap: var(--fx-ref-space-6);\n  box-sizing: border-box;\n}\n.fx-view-workbench .dv-groupview-edge .dv-tabs-container-vertical .fx-dock-tab-icon {\n  writing-mode: horizontal-tb;\n  margin-right: 0;\n  margin-bottom: var(--fx-ref-space-6);\n}\n.fx-view-workbench .dv-groupview-edge .dv-default-tab-action.fx-edge-pin {\n  opacity: 0;\n}\n.fx-view-workbench .dv-groupview-edge .dv-tab:hover .dv-default-tab-action.fx-edge-pin,\n.fx-view-workbench .dv-groupview-edge.fx-edge-drawer-open .dv-tab.dv-active-tab .dv-default-tab-action.fx-edge-pin {\n  opacity: 1;\n}\n.fx-edge-drawer-portal-host > .fx-edge-drawer-grip {\n  pointer-events: auto;\n}\n.fx-view-dockview-host .dv-groupview-edge.fx-edge-drawer-open {\n  position: relative;\n  z-index: var(--fx-edge-drawer-z, 1000) !important;\n}\n.fx-view-dockview-host .dv-popover-anchor > * {\n  z-index: calc(var(--fx-edge-drawer-z, 1000) + 1) !important;\n}\n.fx-view-dockview-host .dv-groupview-edge.fx-edge-drawer-open > .dv-content-container,\n.fx-edge-drawer-portal-host > .dv-content-container {\n  --fx-edge-drawer-inset: var(--fx-ref-space-6);\n  display: block !important;\n  position: fixed;\n  pointer-events: auto;\n  width: var(--fx-edge-drawer-width, 300px);\n  height: calc(var(--fx-edge-strip-height) - 2 * var(--fx-edge-drawer-inset));\n  top: calc(var(--fx-edge-strip-top) + var(--fx-edge-drawer-inset));\n  z-index: 60;\n  box-sizing: border-box;\n  background: var(--dv-group-view-background-color, var(--fx-color-surface-sidebar));\n  color: var(--fx-color-text-primary);\n  border: var(--fx-border-width) solid var(--dv-separator-border, var(--fx-color-border-subtle));\n  border-radius: var(--fx-ref-radius-6);\n  overflow: hidden;\n}\n.fx-view-dockview-host .dv-groupview-edge.dv-groupview-header-left.fx-edge-drawer-open > .dv-content-container,\n.fx-edge-drawer-portal-host > .dv-content-container.dv-groupview-header-left {\n  left: calc(var(--fx-edge-drawer-left) - 3px);\n  width: calc(var(--fx-edge-drawer-width, 300px) + 3px);\n  box-shadow: 4px 0 12px color-mix(in srgb, var(--fx-color-scrim) 30%, transparent), 1px 0 3px color-mix(in srgb, var(--fx-color-scrim) 22%, transparent);\n}\n.fx-view-dockview-host .dv-groupview-edge.dv-groupview-header-right.fx-edge-drawer-open > .dv-content-container,\n.fx-edge-drawer-portal-host > .dv-content-container.dv-groupview-header-right {\n  right: calc(var(--fx-edge-drawer-right) - 3px);\n  width: calc(var(--fx-edge-drawer-width, 300px) + 3px);\n  box-shadow: -4px 0 12px color-mix(in srgb, var(--fx-color-scrim) 30%, transparent), -1px 0 3px color-mix(in srgb, var(--fx-color-scrim) 22%, transparent);\n}\n.fx-view-dockview-host .dv-groupview-edge.dv-groupview-header-bottom.fx-edge-drawer-open > .dv-content-container,\n.fx-edge-drawer-portal-host > .dv-content-container.dv-groupview-header-bottom {\n  top: auto;\n  left: calc(var(--fx-edge-strip-left) + var(--fx-edge-drawer-inset));\n  width: calc(var(--fx-edge-strip-width) - 2 * var(--fx-edge-drawer-inset));\n  height: calc(var(--fx-edge-drawer-height, 300px) + 3px);\n  bottom: calc(var(--fx-edge-drawer-bottom) - 3px);\n  box-shadow: 0 -4px 12px color-mix(in srgb, var(--fx-color-scrim) 30%, transparent), 0 -1px 3px color-mix(in srgb, var(--fx-color-scrim) 22%, transparent);\n}\n.fx-ue-live-host .fx-ue-lifted,\n.fx-ue-live-host .dv-resize-container.fx-ue-lifted {\n  box-shadow: none !important;\n}\n.fx-edge-drawer-grip {\n  z-index: 61;\n  background: transparent;\n  transition: background 0.1s ease;\n}\n.fx-edge-drawer-grip.fx-edge-drawer-grip--dragging {\n  background: var(--fx-color-brand-accent);\n}\n.fx-view-dockview-host .dv-groupview[data-fx-dock-title-state=hidden] > .dv-tabs-and-actions-container.dv-single-tab {\n  height: 0 !important;\n  min-height: 0 !important;\n  max-height: 0 !important;\n  overflow: hidden !important;\n  opacity: 0;\n  border: 0;\n  pointer-events: none;\n}\n.fx-view-dockview-host .fx-dock-title-restore,\n.fx-edge-drawer-portal-host .fx-dock-title-restore {\n  display: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 3;\n  align-items: flex-start;\n  justify-content: flex-start;\n  width: var(--fx-component-choice-size) !important;\n  height: calc(var(--fx-ref-space-16) + var(--fx-ref-space-4)) !important;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: var(--fx-color-text-muted);\n  cursor: pointer;\n}\n.fx-view-dockview-host .fx-dock-title-restore::before,\n.fx-edge-drawer-portal-host .fx-dock-title-restore::before {\n  content: "";\n  width: var(--fx-ref-space-12);\n  height: var(--fx-ref-space-12);\n  align-self: flex-start;\n  background: var(--fx-color-text-muted);\n  clip-path: polygon(0 0, 100% 0, 0 100%);\n  transition: background var(--fx-motion-hover) var(--fx-motion-ease);\n}\n.fx-view-dockview-host .fx-dock-title-restore:hover::before,\n.fx-view-dockview-host .fx-dock-title-restore:focus-visible::before,\n.fx-edge-drawer-portal-host .fx-dock-title-restore:hover::before,\n.fx-edge-drawer-portal-host .fx-dock-title-restore:focus-visible::before {\n  background: var(--fx-color-brand-accent);\n}\n.fx-view-dockview-host .fx-dock-title-restore:focus-visible,\n.fx-edge-drawer-portal-host .fx-dock-title-restore:focus-visible {\n  outline: none;\n}\n.fx-view-dockview-host .dv-groupview[data-fx-dock-title-state=hidden] .fx-dock-title-restore,\n.fx-edge-drawer-portal-host > .dv-content-container[data-fx-dock-title-state=hidden] .fx-dock-title-restore {\n  display: inline-flex !important;\n}\n.fx-view-dockview-host .dv-context-menu {\n  min-width: calc(var(--fx-component-menu-min-width) - var(--fx-ref-space-48));\n  padding: var(--fx-ref-space-4) !important;\n  border: var(--fx-border-width) solid var(--fx-color-border-default);\n  border-radius: var(--fx-radius-popover);\n  background: var(--dv-context-menu-background-color, var(--fx-color-surface-raised)) !important;\n  color: var(--dv-context-menu-color, var(--fx-color-text-secondary)) !important;\n  box-shadow: var(--fx-shadow-floating);\n}\n.fx-view-dockview-host .dv-context-menu-item {\n  min-height: var(--fx-component-control-height-compact);\n  gap: var(--fx-ref-space-8);\n  padding: var(--fx-ref-space-6) var(--fx-ref-space-8);\n  border-radius: var(--fx-ref-radius-4);\n  font: var(--fx-type-caption-font-weight) var(--fx-type-caption-font-size) / var(--fx-type-caption-line-height) var(--fx-type-caption-font-family);\n  color: var(--dv-context-menu-color, var(--fx-color-text-secondary));\n}\n.fx-view-dockview-host .dv-context-menu-item .dv-svg,\n.fx-view-dockview-host .dv-context-menu-item svg {\n  width: var(--fx-ref-space-16);\n  height: var(--fx-ref-space-16);\n  flex-shrink: 0;\n}\n.fx-view-dockview-host .dv-context-menu-item:not(.dv-context-menu-item--disabled):hover {\n  background: var(--fx-color-action-primary-bg) !important;\n  color: var(--fx-color-action-primary-fg) !important;\n}\n.fx-view-dockview-host .dv-context-menu-item:not(.dv-context-menu-item--disabled):hover .dv-svg,\n.fx-view-dockview-host .dv-context-menu-item:not(.dv-context-menu-item--disabled):hover svg {\n  color: var(--fx-color-action-primary-fg);\n  fill: currentcolor;\n}\n.fx-view-dockview-host .dv-context-menu-item.dv-context-menu-item--disabled {\n  opacity: 0.5;\n}\n.fx-view-dockview-host .dv-context-menu-separator {\n  height: var(--fx-border-width);\n  margin: var(--fx-ref-space-4);\n  background: var(--fx-color-border-subtle);\n}\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-sash {\n  background: transparent !important;\n}\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-sash::after {\n  content: "";\n  position: absolute;\n  pointer-events: none;\n  opacity: 0;\n  background: var(--fx-color-brand-accent);\n  transition: opacity 100ms ease;\n}\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash::before {\n  content: "";\n  position: absolute;\n  inset: 0 -1px;\n}\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash::before {\n  content: "";\n  position: absolute;\n  inset: -1px 0;\n}\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash::after {\n  inset: 0 -1px;\n}\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash::after {\n  inset: -1px 0;\n}\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-sash:hover::after,\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-sash:active::after,\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-sash.dv-sash-active::after {\n  opacity: 1;\n}\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-resize-container {\n  border-radius: var(--fx-ref-radius-8);\n  box-shadow: var(--fx-shadow-floating);\n  overflow: hidden;\n}\n.fx-view-dock-panel,\n.fx-view-slot-mount,\n.fx-view-slot-mount-host {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  flex: 1 1 auto;\n}\n.fx-view-dock-panel {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--fx-color-surface-sidebar);\n}\n.fx-view-page-mount {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  min-height: 0;\n  overflow: hidden;\n  background: var(--fx-color-surface-inset);\n  pointer-events: none;\n}\n.fx-view-page-mount.is-active {\n  z-index: 2;\n  pointer-events: auto;\n}\n.fx-view-slot-mount-host > * {\n  flex: 1 1 0%;\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n}\n.fx-view-page-mount > .fx-view-display-surface,\n.fx-view-slot-mount-host > .fx-view-viewport-surface {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  flex: 1 1 auto;\n  border: 0;\n  background: var(--fx-color-surface-inset);\n}\n.fx-view-page-mount > .fx-view-display-surface {\n  visibility: visible !important;\n}\n.fx-view-slot-chrome {\n  border-bottom: var(--fx-border-width) solid var(--fx-color-border-subtle);\n}\n.fx-view-slot-chrome__title {\n  margin: 0;\n  padding: var(--fx-ref-space-8) var(--fx-ref-space-12);\n  font: var(--fx-type-caption-font-weight) var(--fx-type-caption-font-size) / var(--fx-type-caption-line-height) var(--fx-type-caption-font-family);\n  text-transform: uppercase;\n  letter-spacing: var(--fx-type-caption-letter-spacing);\n  color: var(--fx-color-text-muted);\n}\n.fx-view-slot-chrome__mount {\n  min-height: var(--fx-ref-space-32);\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n.fx-view-zone--left .fx-view-slot-chrome,\n.fx-view-zone--right .fx-view-slot-chrome {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n.fx-view-zone--left .fx-view-slot-chrome__mount,\n.fx-view-zone--right .fx-view-slot-chrome__mount {\n  flex: 1;\n  min-height: calc(var(--fx-ref-space-48) * 4);\n}\n.fx-view-panel__header {\n  padding: var(--fx-ref-space-8) var(--fx-ref-space-12);\n  border-bottom: var(--fx-border-width) solid var(--fx-color-border-subtle);\n}\n.fx-view-panel__title {\n  margin: 0;\n  font: var(--fx-type-caption-font-weight) var(--fx-type-caption-font-size) / var(--fx-type-caption-line-height) var(--fx-type-caption-font-family);\n  text-transform: uppercase;\n  letter-spacing: var(--fx-type-caption-letter-spacing);\n}\n.fx-view-panel__body {\n  padding: var(--fx-ref-space-8);\n}\n.fx-view-input {\n  width: 100%;\n  box-sizing: border-box;\n  margin-bottom: var(--fx-ref-space-8);\n  padding: var(--fx-ref-space-6) var(--fx-ref-space-8);\n  border: var(--fx-border-width) solid var(--fx-color-border-control);\n  border-radius: var(--fx-radius-control);\n  background: var(--fx-color-surface-raised);\n  color: inherit;\n}\n.fx-view-list,\n.fx-view-tree {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n.fx-view-list__item,\n.fx-view-tree__node {\n  width: 100%;\n  text-align: left;\n  padding: var(--fx-ref-space-6) var(--fx-ref-space-8);\n  border: 0;\n  border-radius: var(--fx-radius-control);\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n}\n.fx-view-list__item:hover,\n.fx-view-tree__node:hover {\n  background: var(--fx-color-surface-hover);\n}\n.fx-view-list__item--selected,\n.fx-view-tree__node--selected {\n  background: var(--fx-color-selection-bg);\n  outline: var(--fx-border-width) solid var(--fx-color-selection-indicator);\n}\n.fx-view-list__item {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--fx-ref-space-2);\n}\n.fx-view-list__label,\n.fx-view-tree__label {\n  font-size: var(--fx-type-compact-font-size);\n  line-height: var(--fx-type-compact-line-height);\n}\n.fx-view-list__meta {\n  font: var(--fx-type-caption-font-weight) var(--fx-type-caption-font-size) / var(--fx-type-caption-line-height) var(--fx-type-code-font-family);\n  color: var(--fx-color-text-muted);\n}\n.fx-view-selection-summary {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--fx-ref-space-8);\n  margin: 0 0 var(--fx-ref-space-8);\n  padding: var(--fx-ref-space-6) var(--fx-ref-space-8);\n  border-radius: var(--fx-radius-control);\n  background: var(--fx-color-surface-raised);\n  font-size: var(--fx-type-caption-font-size);\n  line-height: var(--fx-type-caption-line-height);\n}\n.fx-view-selection-summary__kind {\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--fx-color-text-muted);\n}\n.fx-view-selection-summary__label {\n  color: var(--fx-color-text-primary);\n}\n.fx-view-muted {\n  color: var(--fx-color-text-secondary);\n  font-size: var(--fx-type-ui-font-size);\n  line-height: var(--fx-type-ui-line-height);\n}\n.fx-view-json {\n  margin: 0;\n  padding: var(--fx-ref-space-8);\n  font: var(--fx-type-code-font-weight) var(--fx-type-code-font-size) / var(--fx-type-code-line-height) var(--fx-type-code-font-family);\n  overflow: auto;\n  max-height: 40vh;\n  background: var(--fx-color-surface-inset);\n  border-radius: var(--fx-radius-control);\n}\n.fx-view-content-browser-host {\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  flex: 1;\n}\n.fx-view-content-browser-ui {\n  flex: 1;\n  overflow: auto;\n}\n.fx-view-content-browser-presentation {\n  flex: 1;\n  min-height: calc(var(--fx-ref-space-48) * 2 + var(--fx-ref-space-24));\n  position: relative;\n}\n.fx-view-dockview .dv-render-overlay:has(.fx-view-viewport-surface) {\n  transform: none;\n  will-change: auto;\n}\n.fx-view-viewport-surface,\n.fx-view-viewport-surface [data-forgeax-view-workspace=root],\n.fx-view-viewport-surface [data-forgeax-view-workspace=workbench],\n.fx-view-viewport-surface [data-forgeax-view-workspace=preview],\n.fx-view-viewport-surface [data-forgeax-view-workspace=targets] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  flex: 1 1 auto;\n}\n.fx-view-viewport-surface [data-forgeax-view-workspace=targets] {\n  position: relative;\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  grid-template-rows: minmax(0, 1fr);\n  overflow: hidden;\n}\n.fx-view-viewport-surface [data-forgeax-view-workspace=targets] #app-shell,\n.fx-view-viewport-surface [data-forgeax-view-workspace=targets] #app {\n  width: 100% !important;\n  height: 100% !important;\n  max-width: 100%;\n  max-height: 100%;\n  display: block;\n  transform: none;\n}\n.fx-view-viewport-surface [data-forgeax-view-workspace=targets] #app-shell {\n  position: relative;\n}\n#forgeax-fatal {\n  display: none !important;\n}\n.fx-engine-fatal-banner {\n  position: absolute;\n  top: var(--fx-ref-space-12);\n  left: 50%;\n  z-index: var(--fx-layer-toast);\n  box-sizing: border-box;\n  display: flex;\n  width: min(720px, calc(100% - var(--fx-ref-space-24)));\n  max-height: 40%;\n  padding: var(--fx-ref-space-8) var(--fx-ref-space-12);\n  overflow: hidden;\n  transform: translateX(-50%);\n  align-items: flex-start;\n  gap: var(--fx-space-control);\n  border: var(--fx-border-width) solid var(--fx-color-status-error-fg);\n  border-radius: var(--fx-radius-popover);\n  background: var(--fx-color-status-error-bg);\n  color: var(--fx-color-status-error-fg);\n  box-shadow: var(--fx-shadow-floating);\n  pointer-events: auto;\n}\n.fx-view-viewport-surface [data-forgeax-view-workspace=targets] > .fx-engine-fatal-banner {\n  grid-area: 1 / 1;\n}\n.fx-engine-fatal-banner[hidden] {\n  display: none;\n}\n.fx-engine-fatal-banner__message {\n  margin: 0;\n  flex: 1;\n  min-width: 0;\n  max-height: 100%;\n  overflow: auto;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  font: var(--fx-type-code-font-weight) var(--fx-type-code-font-size)/var(--fx-type-code-line-height) var(--fx-type-code-font-family);\n}\n.fx-engine-fatal-banner__actions {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  gap: var(--fx-ref-space-4);\n}\n';
-if (typeof document !== "undefined" && !document.querySelector('style[data-forgeax-css="e0021cc6d7c58f3d225fa287f1f1789bf6ca8aa82f86a0bf47a3c40f838f5da3"]')) {
+var css3 = '/* packages/viewer/src/styles.css */\n:root {\n  font-family: var(--fx-type-ui-font-family);\n  font-size: var(--fx-type-ui-font-size);\n  line-height: var(--fx-type-ui-line-height);\n}\nhtml,\nbody {\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  background: var(--fx-color-surface-canvas);\n  color: var(--fx-color-text-primary);\n}\n#root {\n  position: relative;\n  height: 100%;\n  min-height: 0;\n  overflow: hidden;\n}\n.fx-view-root.fx-ui {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  overflow: hidden;\n  --fx-view-shell-chrome-height: calc(var(--fx-component-editor-row-height) + var(--fx-component-navigation-row-height));\n  --fx-view-header-band-height: var(--fx-component-editor-row-height);\n  --fx-view-unconfigured-offset: calc(var(--fx-ref-space-48) * 2 + var(--fx-ref-space-8) - var(--fx-ref-space-6));\n}\n.fx-view-project-open {\n  position: absolute;\n  inset: var(--fx-view-shell-chrome-height) 0 0;\n  z-index: 40;\n  height: fit-content;\n}\n.fx-view-header__recovery-feedback {\n  width: 100%;\n  min-width: 0;\n  padding: 0 var(--fx-ref-space-10);\n  align-items: center;\n  border-radius: var(--fx-radius-control);\n}\n.fx-view-header__recovery-feedback .fx-feedback__body {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  min-width: 0;\n}\n.fx-view-header__recovery-feedback .fx-feedback__body strong {\n  font: var(--fx-type-compact-font-weight) var(--fx-type-compact-font-size) / var(--fx-type-compact-line-height) var(--fx-type-compact-font-family);\n}\n.fx-view-header__connection-status {\n  position: relative;\n  display: inline-flex;\n  flex-shrink: 0;\n  flex-direction: column;\n  align-items: flex-end;\n}\n.fx-view-connection-state {\n  position: absolute;\n  top: var(--fx-view-shell-chrome-height);\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 40;\n  display: grid;\n  place-items: center;\n  overflow: auto;\n  padding: var(--fx-space-section);\n  background: var(--fx-color-surface-canvas);\n  box-sizing: border-box;\n}\n.fx-view-connection-state > .fx-empty {\n  width: min(100%, calc(var(--fx-component-panel-chat-min-width) + var(--fx-ref-space-48) + var(--fx-ref-space-32)));\n  min-height: calc(var(--fx-ref-space-48) * 5 + var(--fx-ref-space-16) + var(--fx-ref-space-4));\n  border: var(--fx-border-width) solid var(--fx-color-border-subtle);\n  border-radius: var(--fx-radius-card);\n  background: var(--fx-color-surface-sidebar);\n  box-shadow: var(--fx-shadow-card);\n  box-sizing: border-box;\n}\n.fx-view-connection-state__icon {\n  width: var(--fx-component-control-height-default);\n  height: var(--fx-component-control-height-default);\n  color: var(--fx-color-status-error-fg);\n  stroke-width: 1.5;\n}\n.fx-view-connection-state__description {\n  display: grid;\n  gap: var(--fx-ref-space-8);\n}\n.fx-view-connection-state__command {\n  padding: var(--fx-border-width) var(--fx-ref-space-4);\n  border-radius: var(--fx-ref-radius-4);\n  background: var(--fx-color-surface-inset);\n  color: var(--fx-color-text-primary);\n  font-family: var(--fx-type-code-font-family);\n  font-size: inherit;\n  white-space: nowrap;\n}\n.fx-view-connection-state__reason {\n  display: block;\n  max-width: var(--fx-component-conversation-max-width);\n  padding: var(--fx-ref-space-6) var(--fx-ref-space-8);\n  border-radius: var(--fx-ref-radius-4);\n  background: var(--fx-color-surface-inset);\n  color: var(--fx-color-text-muted);\n  font-size: var(--fx-ref-font-size-12);\n  overflow-wrap: anywhere;\n}\n.fx-view-root > .fx-view-app {\n  flex: 1 1 auto;\n  min-height: 0;\n}\n.fx-view-app {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n.fx-view-app > .fx-page-tab-strip {\n  flex: 0 0 auto;\n}\n.fx-view-header {\n  position: relative;\n  z-index: 20;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex: 0 0 var(--fx-view-header-band-height);\n  height: var(--fx-view-header-band-height);\n  padding: 0 var(--fx-ref-space-12);\n  border-bottom: var(--fx-border-width) solid var(--fx-color-border-subtle);\n  background: var(--fx-color-surface-sidebar);\n  box-sizing: border-box;\n  user-select: none;\n}\n.fx-view-brand {\n  display: flex;\n  align-items: center;\n  gap: var(--fx-ref-space-8);\n  min-width: calc(var(--fx-component-panel-config-min-width) - var(--fx-ref-space-48) - var(--fx-ref-space-8));\n  color: var(--fx-color-text-primary);\n}\n.fx-view-brand strong {\n  font-weight: var(--fx-ref-font-weight-600);\n}\n.fx-view-header__status-slot {\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: var(--fx-component-control-height-compact);\n  height: var(--fx-component-control-height-compact);\n}\n.fx-view-header__status-dot {\n  width: var(--fx-ref-space-6);\n  height: var(--fx-ref-space-6);\n  border-radius: var(--fx-radius-pill);\n  background: var(--fx-color-status-success-fg);\n}\n.fx-view-header__status-dot--connected {\n  background: var(--fx-color-status-success-fg);\n}\n.fx-view-header__status-dot--connecting {\n  background: var(--fx-color-status-warning-fg);\n  animation: fx-view-host-status-pulse 1.4s ease-in-out infinite;\n}\n.fx-view-header__status-dot--failed {\n  background: var(--fx-color-status-error-fg);\n}\n@keyframes fx-view-host-status-pulse {\n  0%, 100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.45;\n  }\n}\n.fx-view-header__status-slot:focus-visible {\n  outline: var(--fx-border-width) solid var(--fx-color-border-focus);\n  outline-offset: var(--fx-ref-space-2);\n  border-radius: var(--fx-radius-control);\n}\n.fx-view-unconfigured {\n  position: absolute;\n  right: var(--fx-view-unconfigured-offset);\n  padding: var(--fx-ref-space-2) var(--fx-ref-space-6);\n  border: var(--fx-border-width) solid var(--fx-color-status-warning-fg);\n  border-radius: var(--fx-ref-radius-4);\n  background: var(--fx-color-status-warning-bg);\n  color: var(--fx-color-status-warning-fg);\n  font-family: var(--fx-type-code-font-family);\n  font-size: var(--fx-ref-font-size-12);\n  line-height: var(--fx-type-caption-line-height);\n  letter-spacing: var(--fx-type-caption-letter-spacing);\n}\n.fx-view-header__prefs {\n  display: flex;\n  align-items: center;\n  gap: var(--fx-ref-space-4);\n}\n.fx-locale-trigger {\n  min-width: var(--fx-ref-space-16);\n  font: var(--fx-type-caption-font-weight) var(--fx-type-caption-font-size)/ var(--fx-type-caption-line-height) var(--fx-type-caption-font-family);\n  letter-spacing: 0.04em;\n}\n.fx-view-main-col {\n  flex: 1;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  min-width: 0;\n  overflow: hidden;\n}\n.fx-view-project-restoring {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--fx-ref-space-4);\n  padding: var(--fx-ref-space-8);\n  text-align: center;\n}\n.fx-view-workspace-row {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  min-height: 0;\n  width: 100%;\n  overflow: hidden;\n  background: var(--fx-color-surface-canvas);\n  visibility: hidden;\n  pointer-events: none;\n}\n.fx-view-workspace-row.is-active {\n  visibility: visible;\n  pointer-events: auto;\n}\n.fx-view-workspace-row[hidden] {\n  display: none;\n}\n.fx-view-page-surface {\n  flex: 1;\n  display: grid;\n  align-content: start;\n  gap: var(--fx-ref-space-8);\n  padding: var(--fx-space-section);\n  min-height: 0;\n  overflow: auto;\n}\n.fx-view-workbench {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n}\n.fx-view-dockview-host {\n  position: relative;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  --fx-edge-drawer-z: 1000;\n}\n.fx-view-dockview-host,\n.fx-view-dockview-host .dv-shell.dockview-theme-abyss {\n  --fx-dock-container-background: var(--fx-color-surface-canvas);\n  --fx-dock-panel-background: var(--fx-color-surface-sidebar);\n  --dv-background-color: var(--fx-dock-container-background);\n  --dv-group-view-background-color: var(--fx-dock-panel-background);\n  --dv-tabs-and-actions-container-background-color: var(--fx-color-surface-inset);\n  --dv-activegroup-visiblepanel-tab-background-color: var(--fx-dock-panel-background);\n  --dv-activegroup-hiddenpanel-tab-background-color: var(--fx-color-surface-inset);\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(--fx-dock-panel-background);\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(--fx-color-surface-raised);\n  --dv-activegroup-visiblepanel-tab-color: var(--fx-color-text-primary);\n  --dv-activegroup-hiddenpanel-tab-color: var(--fx-color-text-secondary);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--fx-color-text-primary);\n  --dv-inactivegroup-hiddenpanel-tab-color: var(--fx-color-text-muted);\n  --dv-tab-divider-color: var(--fx-color-border-subtle);\n  --dv-separator-border: var(--fx-color-border-subtle);\n  --dv-active-sash-color: transparent;\n  --dv-paneview-active-outline-color: var(--fx-color-brand-accent);\n  --dv-drag-over-background-color: var(--fx-color-brand-soft);\n  --dv-drag-over-border-color: var(--fx-color-brand-accent);\n  --dv-floating-border: none;\n  --dv-floating-group-border: none;\n  --dv-context-menu-background-color: var(--fx-color-surface-raised);\n  --dv-context-menu-color: var(--fx-color-text-secondary);\n  --dv-color-abyss-dark: var(--fx-color-surface-sidebar);\n  --dv-color-abyss: var(--fx-color-surface-inset);\n  --dv-color-abyss-light: var(--fx-color-surface-raised);\n  --dv-color-abyss-lighter: var(--fx-color-surface-raised);\n  --dv-color-abyss-accent: var(--fx-color-brand-accent);\n}\n.fx-view-workbench .dv-groupview-edge {\n  --fx-dock-panel-background: var(--fx-color-surface-sidebar);\n  --dv-color-abyss-dark: var(--fx-color-surface-sidebar);\n  --dv-color-abyss: var(--fx-color-surface-inset);\n  --dv-color-abyss-light: var(--fx-color-surface-inset);\n  --dv-color-abyss-lighter: var(--fx-color-surface-raised);\n  --dv-color-abyss-accent: var(--fx-color-brand-accent);\n  --dv-group-view-background-color: var(--fx-dock-panel-background);\n  --dv-tabs-and-actions-container-background-color: var(--fx-color-surface-inset);\n  --dv-activegroup-visiblepanel-tab-background-color: var(--fx-dock-panel-background);\n  --dv-activegroup-hiddenpanel-tab-background-color: var(--fx-color-surface-inset);\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(--fx-dock-panel-background);\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(--fx-color-surface-raised);\n  --dv-activegroup-visiblepanel-tab-color: var(--fx-color-text-primary);\n  --dv-activegroup-hiddenpanel-tab-color: var(--fx-color-text-secondary);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--fx-color-text-primary);\n  --dv-inactivegroup-hiddenpanel-tab-color: var(--fx-color-text-muted);\n  --dv-tab-divider-color: var(--fx-color-border-subtle);\n  --dv-separator-border: var(--fx-color-border-subtle);\n  --dv-context-menu-background-color: var(--fx-color-surface-raised);\n  --dv-context-menu-color: var(--fx-color-text-secondary);\n}\n.fx-edge-drawer-portal-host {\n  position: fixed;\n  inset: 0;\n  pointer-events: none;\n  z-index: 50;\n  --fx-edge-drawer-z: 1000;\n  --fx-dock-panel-background: var(--fx-color-surface-sidebar);\n  --dv-color-abyss-dark: var(--fx-color-surface-sidebar);\n  --dv-color-abyss: var(--fx-color-surface-inset);\n  --dv-color-abyss-light: var(--fx-color-surface-inset);\n  --dv-color-abyss-lighter: var(--fx-color-surface-raised);\n  --dv-color-abyss-accent: var(--fx-color-brand-accent);\n  --dv-group-view-background-color: var(--fx-dock-panel-background);\n  --dv-tabs-and-actions-container-background-color: var(--fx-color-surface-inset);\n  --dv-activegroup-visiblepanel-tab-background-color: var(--fx-dock-panel-background);\n  --dv-activegroup-hiddenpanel-tab-background-color: var(--fx-color-surface-inset);\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(--fx-dock-panel-background);\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(--fx-color-surface-raised);\n  --dv-activegroup-visiblepanel-tab-color: var(--fx-color-text-primary);\n  --dv-activegroup-hiddenpanel-tab-color: var(--fx-color-text-secondary);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--fx-color-text-primary);\n  --dv-inactivegroup-hiddenpanel-tab-color: var(--fx-color-text-muted);\n  --dv-tab-divider-color: var(--fx-color-border-subtle);\n  --dv-separator-border: var(--fx-color-border-subtle);\n  --dv-context-menu-background-color: var(--fx-color-surface-raised);\n  --dv-context-menu-color: var(--fx-color-text-secondary);\n}\n.fx-view-dockview {\n  width: 100%;\n  height: 100%;\n}\n.fx-view-dockview-host .fx-view-dockview .dv-dockview {\n  --dv-separator-border: transparent;\n  background-color: var(--fx-dock-container-background, var(--fx-color-surface-canvas));\n}\n.fx-view-dockview-host .dv-view.fx-bottom-edge-spanning {\n  position: fixed !important;\n  left: var(--fx-bottom-edge-left) !important;\n  top: auto !important;\n  bottom: var(--fx-bottom-edge-bottom) !important;\n  width: var(--fx-bottom-edge-width) !important;\n  height: var(--fx-bottom-edge-height) !important;\n  z-index: 1001;\n}\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-groupview:not(.dv-groupview-edge),\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .groupview:not(.groupview-edge) {\n  border: 0 !important;\n  outline: 0;\n  box-shadow: none;\n}\n.fx-view-dockview-host .dv-shell > .dv-split-view-container.dv-separator-border > .dv-view-container > .dv-view:not(:first-child)::before,\n.fx-view-dockview-host .dv-shell-middle-column > .dv-split-view-container.dv-separator-border > .dv-view-container > .dv-view:not(:first-child)::before {\n  display: none;\n}\n.fx-view-dockview .dv-tabs-and-actions-container {\n  height: calc(var(--fx-component-navigation-row-height) - var(--fx-ref-space-6));\n  min-height: calc(var(--fx-component-navigation-row-height) - var(--fx-ref-space-6));\n  border-bottom: var(--fx-border-width) solid var(--fx-color-border-subtle);\n}\n.fx-view-dockview .dv-tab {\n  border-radius: var(--fx-ref-radius-4) var(--fx-ref-radius-4) 0 0 !important;\n  font-size: var(--fx-ref-font-size-12);\n  letter-spacing: var(--fx-type-caption-letter-spacing);\n}\n.fx-view-dockview .dv-groupview:not(.dv-groupview-edge) .fx-dock-tab {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: var(--fx-ref-space-6);\n}\n.fx-view-dockview .dv-groupview:not(.dv-groupview-edge) .fx-dock-tab .dv-default-tab-content {\n  display: block;\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  color: inherit;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.fx-view-dockview .fx-dock-tab-icon {\n  flex: 0 0 auto;\n  color: var(--fx-color-text-muted);\n}\n.fx-view-dockview .dv-tab.dv-active-tab .fx-dock-tab-icon {\n  color: var(--fx-color-text-secondary);\n}\n.fx-view-dockview .fx-dock-tab .dv-default-tab-action {\n  display: grid;\n  place-items: center;\n  width: calc(var(--fx-ref-space-16) + var(--fx-ref-space-2));\n  height: calc(var(--fx-ref-space-16) + var(--fx-ref-space-2));\n  min-height: calc(var(--fx-ref-space-16) + var(--fx-ref-space-2));\n  margin-left: var(--fx-ref-space-2);\n  padding: 0;\n  border: 0;\n  border-radius: var(--fx-ref-radius-4);\n  color: var(--fx-color-text-muted);\n}\n.fx-view-dockview .fx-dock-tab .dv-default-tab-action:hover {\n  background: var(--fx-color-surface-hover);\n  color: var(--fx-color-text-primary);\n}\n.fx-view-dockview .fx-dock-tab .dv-default-tab-action.fx-edge-pin--on {\n  color: var(--fx-color-brand-accent);\n}\n.fx-view-dockview-host .dv-tab:focus-within::after,\n.fx-view-dockview-host .dv-tab:focus::after {\n  content: none;\n}\n.fx-view-dockview-host .dv-groupview.dv-active-group:not(.dv-groupview-edge) > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab,\n.fx-view-workbench .dv-groupview-edge.fx-edge-drawer-open.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.fx-view-dockview-host .dv-groupview.dv-active-group:not(.dv-groupview-edge) > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::before,\n.fx-view-workbench .dv-groupview-edge.fx-edge-drawer-open.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::before {\n  content: "";\n  position: absolute;\n  pointer-events: none;\n  z-index: 2;\n  background:\n    linear-gradient(\n      90deg,\n      transparent 0%,\n      color-mix(in srgb, var(--fx-color-brand-accent) 55%, transparent) 22%,\n      var(--fx-color-brand-accent) 50%,\n      color-mix(in srgb, var(--fx-color-brand-accent) 55%, transparent) 78%,\n      transparent 100%);\n  left: 0;\n  right: 0;\n  top: 1px;\n  height: 1px;\n  width: auto;\n}\n.fx-view-workbench .dv-groupview-edge.fx-edge-drawer-open.dv-active-group.dv-groupview-header-left > .dv-tabs-and-actions-container .dv-tabs-container.dv-tabs-container-vertical > .dv-tab.dv-active-tab::before {\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: auto;\n  width: 1px;\n  height: auto;\n  background:\n    linear-gradient(\n      180deg,\n      transparent 0%,\n      color-mix(in srgb, var(--fx-color-brand-accent) 55%, transparent) 22%,\n      var(--fx-color-brand-accent) 50%,\n      color-mix(in srgb, var(--fx-color-brand-accent) 55%, transparent) 78%,\n      transparent 100%);\n}\n.fx-view-workbench .dv-groupview-edge.fx-edge-drawer-open.dv-active-group.dv-groupview-header-right > .dv-tabs-and-actions-container .dv-tabs-container.dv-tabs-container-vertical > .dv-tab.dv-active-tab::before {\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: auto;\n  width: 1px;\n  height: auto;\n  background:\n    linear-gradient(\n      180deg,\n      transparent 0%,\n      color-mix(in srgb, var(--fx-color-brand-accent) 55%, transparent) 22%,\n      var(--fx-color-brand-accent) 50%,\n      color-mix(in srgb, var(--fx-color-brand-accent) 55%, transparent) 78%,\n      transparent 100%);\n}\n.fx-view-workbench .dv-groupview-edge .dv-tabs-container.dv-tabs-container-vertical {\n  text-orientation: sideways;\n  padding-top: var(--fx-ref-space-6);\n}\n.fx-view-workbench .dv-groupview-edge .dv-default-tab .dv-default-tab-content {\n  margin: 0;\n  padding: var(--fx-ref-space-2) 0;\n}\n.fx-view-workbench .dv-groupview-edge.dv-active-group:not(.fx-edge-drawer-open) > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);\n  color: var(--dv-activegroup-hiddenpanel-tab-color);\n}\n.fx-view-workbench .dv-groupview-edge.dv-inactive-group:not(.fx-edge-drawer-open) > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  background-color: var(--dv-inactivegroup-hiddenpanel-tab-background-color);\n  color: var(--dv-inactivegroup-hiddenpanel-tab-color);\n}\n.fx-view-workbench .dv-groupview-edge.fx-edge-empty {\n  visibility: hidden;\n  pointer-events: none;\n}\n.fx-view-workbench .dv-groupview-edge .dv-tabs-container.dv-tabs-container-vertical > .dv-tab {\n  min-height: 104px;\n  padding: var(--fx-ref-space-10) var(--fx-ref-space-6);\n  box-sizing: border-box;\n}\n.fx-view-workbench .dv-groupview-edge .dv-tabs-container:not(.dv-tabs-container-vertical) > .dv-tab {\n  min-width: 104px;\n  padding: var(--fx-ref-space-6) var(--fx-ref-space-12);\n  box-sizing: border-box;\n}\n.fx-view-workbench .dv-groupview-edge .dv-default-tab {\n  padding: var(--fx-ref-space-4) var(--fx-ref-space-2);\n  gap: var(--fx-ref-space-6);\n  box-sizing: border-box;\n}\n.fx-view-workbench .dv-groupview-edge .dv-tabs-container-vertical .fx-dock-tab-icon {\n  writing-mode: horizontal-tb;\n  margin-right: 0;\n  margin-bottom: var(--fx-ref-space-6);\n}\n.fx-view-workbench .dv-groupview-edge .dv-default-tab-action.fx-edge-pin {\n  opacity: 0;\n}\n.fx-view-workbench .dv-groupview-edge .dv-tab:hover .dv-default-tab-action.fx-edge-pin,\n.fx-view-workbench .dv-groupview-edge.fx-edge-drawer-open .dv-tab.dv-active-tab .dv-default-tab-action.fx-edge-pin {\n  opacity: 1;\n}\n.fx-edge-drawer-portal-host > .fx-edge-drawer-grip {\n  pointer-events: auto;\n}\n.fx-view-dockview-host .dv-groupview-edge.fx-edge-drawer-open {\n  position: relative;\n  z-index: var(--fx-edge-drawer-z, 1000) !important;\n}\n.fx-view-dockview-host .dv-popover-anchor > * {\n  z-index: calc(var(--fx-edge-drawer-z, 1000) + 1) !important;\n}\n.fx-view-dockview-host .dv-groupview-edge.fx-edge-drawer-open > .dv-content-container,\n.fx-edge-drawer-portal-host > .dv-content-container {\n  --fx-edge-drawer-inset: var(--fx-ref-space-6);\n  display: block !important;\n  position: fixed;\n  pointer-events: auto;\n  width: var(--fx-edge-drawer-width, 300px);\n  height: calc(var(--fx-edge-strip-height) - 2 * var(--fx-edge-drawer-inset));\n  top: calc(var(--fx-edge-strip-top) + var(--fx-edge-drawer-inset));\n  z-index: 60;\n  box-sizing: border-box;\n  background: var(--dv-group-view-background-color, var(--fx-color-surface-sidebar));\n  color: var(--fx-color-text-primary);\n  border: var(--fx-border-width) solid var(--dv-separator-border, var(--fx-color-border-subtle));\n  border-radius: var(--fx-ref-radius-6);\n  overflow: hidden;\n}\n.fx-view-dockview-host .dv-groupview-edge.dv-groupview-header-left.fx-edge-drawer-open > .dv-content-container,\n.fx-edge-drawer-portal-host > .dv-content-container.dv-groupview-header-left {\n  left: calc(var(--fx-edge-drawer-left) - 3px);\n  width: calc(var(--fx-edge-drawer-width, 300px) + 3px);\n  box-shadow: 4px 0 12px color-mix(in srgb, var(--fx-color-scrim) 30%, transparent), 1px 0 3px color-mix(in srgb, var(--fx-color-scrim) 22%, transparent);\n}\n.fx-view-dockview-host .dv-groupview-edge.dv-groupview-header-right.fx-edge-drawer-open > .dv-content-container,\n.fx-edge-drawer-portal-host > .dv-content-container.dv-groupview-header-right {\n  right: calc(var(--fx-edge-drawer-right) - 3px);\n  width: calc(var(--fx-edge-drawer-width, 300px) + 3px);\n  box-shadow: -4px 0 12px color-mix(in srgb, var(--fx-color-scrim) 30%, transparent), -1px 0 3px color-mix(in srgb, var(--fx-color-scrim) 22%, transparent);\n}\n.fx-view-dockview-host .dv-groupview-edge.dv-groupview-header-bottom.fx-edge-drawer-open > .dv-content-container,\n.fx-edge-drawer-portal-host > .dv-content-container.dv-groupview-header-bottom {\n  top: auto;\n  left: calc(var(--fx-edge-strip-left) + var(--fx-edge-drawer-inset));\n  width: calc(var(--fx-edge-strip-width) - 2 * var(--fx-edge-drawer-inset));\n  height: calc(var(--fx-edge-drawer-height, 300px) + 3px);\n  bottom: calc(var(--fx-edge-drawer-bottom) - 3px);\n  box-shadow: 0 -4px 12px color-mix(in srgb, var(--fx-color-scrim) 30%, transparent), 0 -1px 3px color-mix(in srgb, var(--fx-color-scrim) 22%, transparent);\n}\n.fx-ue-live-host .fx-ue-lifted,\n.fx-ue-live-host .dv-resize-container.fx-ue-lifted {\n  box-shadow: none !important;\n}\n.fx-edge-drawer-grip {\n  z-index: 61;\n  background: transparent;\n  transition: background 0.1s ease;\n}\n.fx-edge-drawer-grip.fx-edge-drawer-grip--dragging {\n  background: var(--fx-color-brand-accent);\n}\n.fx-view-dockview-host .dv-groupview[data-fx-dock-title-state=hidden] > .dv-tabs-and-actions-container.dv-single-tab {\n  height: 0 !important;\n  min-height: 0 !important;\n  max-height: 0 !important;\n  overflow: hidden !important;\n  opacity: 0;\n  border: 0;\n  pointer-events: none;\n}\n.fx-view-dockview-host .fx-dock-title-restore,\n.fx-edge-drawer-portal-host .fx-dock-title-restore {\n  display: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 3;\n  align-items: flex-start;\n  justify-content: flex-start;\n  width: var(--fx-component-choice-size) !important;\n  height: calc(var(--fx-ref-space-16) + var(--fx-ref-space-4)) !important;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: var(--fx-color-text-muted);\n  cursor: pointer;\n}\n.fx-view-dockview-host .fx-dock-title-restore::before,\n.fx-edge-drawer-portal-host .fx-dock-title-restore::before {\n  content: "";\n  width: var(--fx-ref-space-12);\n  height: var(--fx-ref-space-12);\n  align-self: flex-start;\n  background: var(--fx-color-text-muted);\n  clip-path: polygon(0 0, 100% 0, 0 100%);\n  transition: background var(--fx-motion-hover) var(--fx-motion-ease);\n}\n.fx-view-dockview-host .fx-dock-title-restore:hover::before,\n.fx-view-dockview-host .fx-dock-title-restore:focus-visible::before,\n.fx-edge-drawer-portal-host .fx-dock-title-restore:hover::before,\n.fx-edge-drawer-portal-host .fx-dock-title-restore:focus-visible::before {\n  background: var(--fx-color-brand-accent);\n}\n.fx-view-dockview-host .fx-dock-title-restore:focus-visible,\n.fx-edge-drawer-portal-host .fx-dock-title-restore:focus-visible {\n  outline: none;\n}\n.fx-view-dockview-host .dv-groupview[data-fx-dock-title-state=hidden] .fx-dock-title-restore,\n.fx-edge-drawer-portal-host > .dv-content-container[data-fx-dock-title-state=hidden] .fx-dock-title-restore {\n  display: inline-flex !important;\n}\n.fx-view-dockview-host .dv-context-menu {\n  min-width: calc(var(--fx-component-menu-min-width) - var(--fx-ref-space-48));\n  padding: var(--fx-ref-space-4) !important;\n  border: var(--fx-border-width) solid var(--fx-color-border-default);\n  border-radius: var(--fx-radius-popover);\n  background: var(--dv-context-menu-background-color, var(--fx-color-surface-raised)) !important;\n  color: var(--dv-context-menu-color, var(--fx-color-text-secondary)) !important;\n  box-shadow: var(--fx-shadow-floating);\n}\n.fx-view-dockview-host .dv-context-menu-item {\n  min-height: var(--fx-component-control-height-compact);\n  gap: var(--fx-ref-space-8);\n  padding: var(--fx-ref-space-6) var(--fx-ref-space-8);\n  border-radius: var(--fx-ref-radius-4);\n  font: var(--fx-type-caption-font-weight) var(--fx-type-caption-font-size) / var(--fx-type-caption-line-height) var(--fx-type-caption-font-family);\n  color: var(--dv-context-menu-color, var(--fx-color-text-secondary));\n}\n.fx-view-dockview-host .dv-context-menu-item .dv-svg,\n.fx-view-dockview-host .dv-context-menu-item svg {\n  width: var(--fx-ref-space-16);\n  height: var(--fx-ref-space-16);\n  flex-shrink: 0;\n}\n.fx-view-dockview-host .dv-context-menu-item:not(.dv-context-menu-item--disabled):hover {\n  background: var(--fx-color-action-primary-bg) !important;\n  color: var(--fx-color-action-primary-fg) !important;\n}\n.fx-view-dockview-host .dv-context-menu-item:not(.dv-context-menu-item--disabled):hover .dv-svg,\n.fx-view-dockview-host .dv-context-menu-item:not(.dv-context-menu-item--disabled):hover svg {\n  color: var(--fx-color-action-primary-fg);\n  fill: currentcolor;\n}\n.fx-view-dockview-host .dv-context-menu-item.dv-context-menu-item--disabled {\n  opacity: 0.5;\n}\n.fx-view-dockview-host .dv-context-menu-separator {\n  height: var(--fx-border-width);\n  margin: var(--fx-ref-space-4);\n  background: var(--fx-color-border-subtle);\n}\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-sash {\n  background: transparent !important;\n}\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-sash::after {\n  content: "";\n  position: absolute;\n  pointer-events: none;\n  opacity: 0;\n  background: var(--fx-color-brand-accent);\n  transition: opacity 100ms ease;\n}\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash::before {\n  content: "";\n  position: absolute;\n  inset: 0 -1px;\n}\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash::before {\n  content: "";\n  position: absolute;\n  inset: -1px 0;\n}\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash::after {\n  inset: 0 -1px;\n}\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash::after {\n  inset: -1px 0;\n}\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-sash:hover::after,\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-sash:active::after,\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-sash.dv-sash-active::after {\n  opacity: 1;\n}\n.fx-view-dockview-host .fx-view-dockview .dv-dockview .dv-resize-container {\n  border-radius: var(--fx-ref-radius-8);\n  box-shadow: var(--fx-shadow-floating);\n  overflow: hidden;\n}\n.fx-view-dock-panel,\n.fx-view-slot-mount,\n.fx-view-slot-mount-host {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  flex: 1 1 auto;\n}\n.fx-view-dock-panel {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--fx-color-surface-sidebar);\n}\n.fx-view-page-mount {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  min-height: 0;\n  overflow: hidden;\n  background: var(--fx-color-surface-inset);\n  pointer-events: none;\n}\n.fx-view-page-mount.is-active {\n  z-index: 2;\n  pointer-events: auto;\n}\n.fx-view-slot-mount-host > * {\n  flex: 1 1 0%;\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n}\n.fx-view-page-mount > .fx-view-display-surface,\n.fx-view-slot-mount-host > .fx-view-viewport-surface {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  flex: 1 1 auto;\n  border: 0;\n  background: var(--fx-color-surface-inset);\n}\n.fx-view-page-mount > .fx-view-display-surface {\n  visibility: visible !important;\n}\n.fx-view-slot-chrome {\n  border-bottom: var(--fx-border-width) solid var(--fx-color-border-subtle);\n}\n.fx-view-slot-chrome__title {\n  margin: 0;\n  padding: var(--fx-ref-space-8) var(--fx-ref-space-12);\n  font: var(--fx-type-caption-font-weight) var(--fx-type-caption-font-size) / var(--fx-type-caption-line-height) var(--fx-type-caption-font-family);\n  text-transform: uppercase;\n  letter-spacing: var(--fx-type-caption-letter-spacing);\n  color: var(--fx-color-text-muted);\n}\n.fx-view-slot-chrome__mount {\n  min-height: var(--fx-ref-space-32);\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n.fx-view-zone--left .fx-view-slot-chrome,\n.fx-view-zone--right .fx-view-slot-chrome {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n.fx-view-zone--left .fx-view-slot-chrome__mount,\n.fx-view-zone--right .fx-view-slot-chrome__mount {\n  flex: 1;\n  min-height: calc(var(--fx-ref-space-48) * 4);\n}\n.fx-view-panel__header {\n  padding: var(--fx-ref-space-8) var(--fx-ref-space-12);\n  border-bottom: var(--fx-border-width) solid var(--fx-color-border-subtle);\n}\n.fx-view-panel__title {\n  margin: 0;\n  font: var(--fx-type-caption-font-weight) var(--fx-type-caption-font-size) / var(--fx-type-caption-line-height) var(--fx-type-caption-font-family);\n  text-transform: uppercase;\n  letter-spacing: var(--fx-type-caption-letter-spacing);\n}\n.fx-view-panel__body {\n  padding: var(--fx-ref-space-8);\n}\n.fx-view-input {\n  width: 100%;\n  box-sizing: border-box;\n  margin-bottom: var(--fx-ref-space-8);\n  padding: var(--fx-ref-space-6) var(--fx-ref-space-8);\n  border: var(--fx-border-width) solid var(--fx-color-border-control);\n  border-radius: var(--fx-radius-control);\n  background: var(--fx-color-surface-raised);\n  color: inherit;\n}\n.fx-view-list,\n.fx-view-tree {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n.fx-view-list__item,\n.fx-view-tree__node {\n  width: 100%;\n  text-align: left;\n  padding: var(--fx-ref-space-6) var(--fx-ref-space-8);\n  border: 0;\n  border-radius: var(--fx-radius-control);\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n}\n.fx-view-list__item:hover,\n.fx-view-tree__node:hover {\n  background: var(--fx-color-surface-hover);\n}\n.fx-view-list__item--selected,\n.fx-view-tree__node--selected {\n  background: var(--fx-color-selection-bg);\n  outline: var(--fx-border-width) solid var(--fx-color-selection-indicator);\n}\n.fx-view-list__item {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--fx-ref-space-2);\n}\n.fx-view-list__label,\n.fx-view-tree__label {\n  font-size: var(--fx-type-compact-font-size);\n  line-height: var(--fx-type-compact-line-height);\n}\n.fx-view-list__meta {\n  font: var(--fx-type-caption-font-weight) var(--fx-type-caption-font-size) / var(--fx-type-caption-line-height) var(--fx-type-code-font-family);\n  color: var(--fx-color-text-muted);\n}\n.fx-view-selection-summary {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--fx-ref-space-8);\n  margin: 0 0 var(--fx-ref-space-8);\n  padding: var(--fx-ref-space-6) var(--fx-ref-space-8);\n  border-radius: var(--fx-radius-control);\n  background: var(--fx-color-surface-raised);\n  font-size: var(--fx-type-caption-font-size);\n  line-height: var(--fx-type-caption-line-height);\n}\n.fx-view-selection-summary__kind {\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--fx-color-text-muted);\n}\n.fx-view-selection-summary__label {\n  color: var(--fx-color-text-primary);\n}\n.fx-view-muted {\n  color: var(--fx-color-text-secondary);\n  font-size: var(--fx-type-ui-font-size);\n  line-height: var(--fx-type-ui-line-height);\n}\n.fx-view-json {\n  margin: 0;\n  padding: var(--fx-ref-space-8);\n  font: var(--fx-type-code-font-weight) var(--fx-type-code-font-size) / var(--fx-type-code-line-height) var(--fx-type-code-font-family);\n  overflow: auto;\n  max-height: 40vh;\n  background: var(--fx-color-surface-inset);\n  border-radius: var(--fx-radius-control);\n}\n.fx-view-content-browser-host {\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  flex: 1;\n}\n.fx-view-content-browser-ui {\n  flex: 1;\n  overflow: auto;\n}\n.fx-view-content-browser-presentation {\n  flex: 1;\n  min-height: calc(var(--fx-ref-space-48) * 2 + var(--fx-ref-space-24));\n  position: relative;\n}\n.fx-view-dockview .dv-render-overlay:has(.fx-view-viewport-surface) {\n  transform: none;\n  will-change: auto;\n}\n.fx-view-viewport-surface,\n.fx-view-viewport-surface [data-forgeax-view-workspace=root],\n.fx-view-viewport-surface [data-forgeax-view-workspace=workbench],\n.fx-view-viewport-surface [data-forgeax-view-workspace=preview],\n.fx-view-viewport-surface [data-forgeax-view-workspace=targets] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  flex: 1 1 auto;\n}\n.fx-view-viewport-surface [data-forgeax-view-workspace=targets] {\n  position: relative;\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  grid-template-rows: minmax(0, 1fr);\n  overflow: hidden;\n}\n.fx-view-viewport-surface [data-forgeax-view-workspace=targets] #app-shell,\n.fx-view-viewport-surface [data-forgeax-view-workspace=targets] #app {\n  width: 100% !important;\n  height: 100% !important;\n  max-width: 100%;\n  max-height: 100%;\n  display: block;\n  transform: none;\n}\n.fx-view-viewport-surface [data-forgeax-view-workspace=targets] #app-shell {\n  position: relative;\n}\n#forgeax-fatal {\n  display: none !important;\n}\n.fx-engine-fatal-banner {\n  position: absolute;\n  top: var(--fx-ref-space-12);\n  left: 50%;\n  z-index: var(--fx-layer-toast);\n  box-sizing: border-box;\n  display: flex;\n  width: min(720px, calc(100% - var(--fx-ref-space-24)));\n  max-height: 40%;\n  padding: var(--fx-ref-space-8) var(--fx-ref-space-12);\n  overflow: hidden;\n  transform: translateX(-50%);\n  align-items: flex-start;\n  gap: var(--fx-space-control);\n  border: var(--fx-border-width) solid var(--fx-color-status-error-fg);\n  border-radius: var(--fx-radius-popover);\n  background: var(--fx-color-status-error-bg);\n  color: var(--fx-color-status-error-fg);\n  box-shadow: var(--fx-shadow-floating);\n  pointer-events: auto;\n}\n.fx-view-viewport-surface [data-forgeax-view-workspace=targets] > .fx-engine-fatal-banner {\n  grid-area: 1 / 1;\n}\n.fx-engine-fatal-banner[hidden] {\n  display: none;\n}\n.fx-engine-fatal-banner__message {\n  margin: 0;\n  flex: 1;\n  min-width: 0;\n  max-height: 100%;\n  overflow: auto;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  font: var(--fx-type-code-font-weight) var(--fx-type-code-font-size)/var(--fx-type-code-line-height) var(--fx-type-code-font-family);\n}\n.fx-engine-fatal-banner__actions {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  gap: var(--fx-ref-space-4);\n}\n';
+if (typeof document !== "undefined" && !document.querySelector('style[data-forgeax-css="c0fb89835ea6fd204d3177f4c3e976967d48fae31ad5ab4cadcc827e2415243b"]')) {
   const style = document.createElement("style");
-  style.dataset.forgeaxCss = "e0021cc6d7c58f3d225fa287f1f1789bf6ca8aa82f86a0bf47a3c40f838f5da3";
+  style.dataset.forgeaxCss = "c0fb89835ea6fd204d3177f4c3e976967d48fae31ad5ab4cadcc827e2415243b";
   style.textContent = css3;
   document.head.append(style);
 }
@@ -20768,7 +20847,7 @@ if (typeof document !== "undefined" && !document.querySelector('style[data-forge
 
 // ../view-plugins/rhi-debug/ui.tsx
 import { jsx as jsx8 } from "react/jsx-runtime";
-var TapeViewer = lazy(async () => ({ default: (await import("./chunks/App-E3M52XTQ.mjs")).App }));
+var TapeViewer = lazy(async () => ({ default: (await import("./chunks/App-4XQ5SNNT.mjs")).App }));
 function mountRhiDebugPanel({ mountElement }) {
   mountElement.classList.add("fx-rhi-tool");
   const root = createRoot(mountElement);